LoginSignup
0
0

More than 1 year has passed since last update.

GA4が導入されているかを外側からチェックするブックマークレット(GTM利用サイトの場合)

Last updated at Posted at 2022-08-07

今回は今閲覧しているサイトに、Googleアナリティクス4(GA4)が導入されているかどうかをチェックする【ブックマークレット】を作成しましたので紹介します。
(アラートで測定IDを表示します)

測定IDの英語表記:Measurement ID

ga4.jpg

用途

クライアントなど、自身のサイトで無い場合に、GA4にデータ送信しているか?をチェックする際に使います。ソースを見てもわかりますが、サクッと知りたい時にどうぞ。

注意事項:
※GTMでの埋め込まれている場合に機能します。
※gtagが直接ソースに記載されている場合は、
ソースを直接確認すればOKですね。

コードと使い方

ブックマークレットの使い方:
・下記のコードをコピーする
・適当なブックマークのURLの部分に下記を貼り付ける
・GA4状況をチェックしたいサイトに訪問する
・先ほどのブックマークを押す

javascript:mojinum="";kekka="";scp = document.querySelectorAll('script[src*="gtag/js?id=G-"]');for (i = 0; i < scp.length; i++){mojinum=scp[i].src.indexOf('id=G-');kekka = kekka + "\n" + scp[i].src.substr(mojinum+3,12);}if(kekka.length>5){alert(kekka);}else{alert("見つかりません");};

コード解説

クエリセレクター(querySelectorAll)を使い、スクリプトタグの中でもgtag/js?id=Gという文字列が含まれているものを探します。

スクリプトタグは複数ある可能性があるので、forで繰り返します。

※GTM経由で、GA4を導入していると、
gtag/js?id=Gxxxxxxxxという形でJSを読み込んでいますので、
それを確認しているだけです。

補足と注意事項

Google側の仕様が変更となった場合は利用できません。
ChromeかつGTM経由のサイトで試していますが、すべて動くとは
保障しきれません。

何卒、ご了承ください。

0
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
0
0