MENU

WEB担当者の備忘録

WEB担当者の備忘録

【2019年度版】Googleタグマネージャー（GTM）の設置場所

2023年1月23日2023年4月7日

2016年11月にGoogleタグマネージャー（GTM）のスニペットコードが新しくなりました。

これに伴い、新しいスニペットコードは設置場所が一部<head>内のなるべく上の方、と一部<body>の直下に設置するようになりました。

目次

まずは以前のGoogleタグマネージャーのスニペットコードを見てみます。

以前のスニペットコード

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=●●●●●●●"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','●●●●●●●');</script>
<!-- End Google Tag Manager -->

以前のスニペットコードでは、scriptタグとnoscript タグが一緒になっていました。新しいスニペットコードでは、このscriptタグとnoscriptタグが別々になっています。あとは、読み込むjsコードがhttpsになったくらいです。

新しいスニペットコード

<!-- Google Tag Manager (scriptタグ) -->
<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-PD69N8');</script>
<!-- End Google Tag Manager (scriptタグ) -->


<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PD69N8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

上がscriptタグ、下がnoscriptタグ　になります。noscriptタグはjavascriptが使用できない環境の場合に読み込まれるスニペットコードです。

まとめ

scriptタグは<head>内に設置　、　noscriptタグは<body>直下に設置　すればOKです。

ちなみに以前のスニペットコードでも問題ないので、以前<body>直下に設置した方はそのままでも大丈夫です。

以前のスニペットコードの設置場所のままだと、GoogleOptimizeの利用が出来ない等不具合もあります。

解析に強くなる記事

あわせて読みたい

Googleアナリティクスで解析・改善する際の流れ Googleアナリティクスで解析を行う際にどういった流れで進めれば良いのか聞かれることがあるため、Googleアナリティクスで解析する際の流れを書いていきたいと思います...

他にも良く読まれている、グーグルタグマネージャー関連記事

あわせて読みたい

GTM(Googleタグマネージャー)で、PDFやファイルのダウンロード数を計測 GTMが新しくなり、実装方法がかわったので新しく書きました。 https://liapoc.com/gtm_download.html 以前のGoogel Analytics（非同期コード）がクラッシクアナ...

あわせて読みたい

Googleタグマネージャーで、外部サイトへの遷移を計測先日、WEB制作会社さんから、下記の内容を実装するのに、50万円という見積を頂きました。 Universalアナリティクスの設置ダウンロードファイルの計測外部サイトへの遷...

あわせて読みたい

Googleタグマネージャーで、mailto・tellの計測先日、WEB制作会社さんから、下記の内容を実装するのに、50万円という見積を頂きました。 Universalアナリティクスの設置ダウンロードファイルの計測外部サイトへの遷...

あわせて読みたい

【超カンタン】Googleタグマネージャーでクロスドメイントラッキンググーグルアナリティクスでクロスドメイン（複数ドメイン）を計測する方法。

この記事を書いた人

デジタルマーケティングに16年間従事しているMITSUIです。Google AnalyticsとGoogle Tag Managerが大好きで、これらのツールを活用した情報提供を行っています。ブログではデジタルマーケティングに関する情報や最新のトレンド、ベストプラクティスを紹介しています。

コメント

コメントする