概要
Google アナリティクス などの解析コードの設置箇所まとめ種類
設置箇所
Google Analytics(グーグル アナリティクス)
<head>内の最初の要素として貼り付ける。
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXX-XX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXXX-XX');
</script>
<!-- ...その他の記述... -->
</head>
Google Tag Manager(グーグル タグ マネージャー)
<head>内のなるべく上のほうに貼り付ける。
<head>
<!-- ...その他の記述... -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->
<!-- ...その他の記述... -->
</head>
<body>(開始タグ)の直後に貼り付ける。
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- ...その他の記述... -->
</body>
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)