GA発火を楽しく検証するためのChrome extensionを作成してみました。
Extension概要
任意のサイトでGoogleAnalyticsに「pageview」または「event」が送信された通信を補足して可視化します。
可視化イメージ
※GoogleAnalyticsへの通信をブロックはしていません。
実装仕様
- TypeScriptで実装
- 悪名高い(?) Manifest v3を使用
- パフォーマンスは未考慮
- 動きはJSのanimateとcssとSVGアニメーションを組み合わせ
- ソースコード:https://github.com/maryco/gaaa
インストール方法
-
アーカイブファイルをダウンロードする
-
Chromeで「その他のツール」>「拡張機能」を選択して拡張機能の管理画面を開く
-
右上の「デベロッパーモード」をONにする
-
「パッケージ化されていない拡張機能を読み込む」をクリックし、ダウンロードして解凍したディレクトリを選択する
-
以上で任意のサイトを表示してこの拡張機能を有効化するとGAが(概ね)補足されます。(GAを使用しているサイト例:https://about.google/)
※常に有効化したい場合は拡張機能の「詳細」で「サイトへのアクセス」に「すべてのサイト」を選択してください。