世の中どのくらいGAされているのか可視化するChromeExtension

GA発火を楽しく検証するためのChrome extensionを作成してみました。

Extension概要

任意のサイトでGoogleAnalyticsに「pageview」または「event」が送信された通信を補足して可視化します。
可視化イメージ

※GoogleAnalyticsへの通信をブロックはしていません。

実装仕様

• TypeScriptで実装
• 悪名高い(？) Manifest v3を使用
• パフォーマンスは未考慮
• 動きはJSのanimateとcssとSVGアニメーションを組み合わせ
• ソースコード：https://github.com/maryco/gaaa

インストール方法

1. アーカイブファイルをダウンロードする

2. Chromeで「その他のツール」＞「拡張機能」を選択して拡張機能の管理画面を開く

3. 右上の「デベロッパーモード」をONにする

4. 「パッケージ化されていない拡張機能を読み込む」をクリックし、ダウンロードして解凍したディレクトリを選択する

5. 以上で任意のサイトを表示してこの拡張機能を有効化するとGAが(概ね)補足されます。(GAを使用しているサイト例：https://about.google/)
   ※常に有効化したい場合は拡張機能の「詳細」で「サイトへのアクセス」に「すべてのサイト」を選択してください。