1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

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

Last updated at Posted at 2021-12-23

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/)
    ※常に有効化したい場合は拡張機能の「詳細」で「サイトへのアクセス」に「すべてのサイト」を選択してください。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?