今回は今閲覧しているサイトに、Googleアナリティクス4(GA4)が導入されているかどうかをチェックする【ブックマークレット】を作成しましたので紹介します。
(アラートで測定IDを表示します)
測定IDの英語表記:Measurement ID
用途
クライアントなど、自身のサイトで無い場合に、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経由のサイトで試していますが、すべて動くとは
保障しきれません。
何卒、ご了承ください。