137 人が現在オンライン
137 人が現在オンライン
Google アナリティクスの Google タグマネージャを含む計測の設定やトラブルシュートなどについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合ってより知識を高めていきましょう。
ガイドを表示
star_border
返信

グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

中級者 ✭ ✭ ✭

お世話になっております。

 

グーグルオプティマイズをタグマネージャで実装するのは容易ですが、

Optimize ヘルプ によるとページ読み込み速度が遅くなる可能性があって推奨していないと書かれていました。

https://support.google.com/360suite/optimize/answer/7359264?hl=ja&authuser=1&ref_topic=6197443

引用

「タグマネージャを使用してアナリティクス タグを導入している場合でも、タグマネージャのタグを介してオプティマイズを導入するのではなく、オプティマイズ プラグインを設定したアナリティクス トラッキング コードをページに直接インストールすることをおすすめします。」

おすすめの方法は、アナリティクス トラッキング コードに手を加えたものを作成して、ページに直接設定する方法です。

この方法では、ページの読み込み時にオプティマイズ コンテナが初期化されるため、タグマネージャを待機することはありません。

このため、テストを効率良く実施し、ページの読み込み時間や待ち時間を短縮して、優れたユーザー エクスペリエンスを提供できます」

https://support.google.com/360suite/optimize/answer/6314801?authuser=1)

 

( https://support.google.com/360suite/optimize/answer/7359264?hl=ja&authuser=1&ref_topic=6197443 )に書かれているタグマネージャを使わない方法を確認すると、アナリティクストラッキングコードの一部「ga('create', 'UA-XXXXXX-X', 'auto', {allowLinker: true});」のすぐ下に「ga('require', 'GTM-XXXXXX');」を追加すると書かれています。

しかし現在、当社のアナリティクストラッキングコードを確認するとgtag.jsになっており、そもそも「ga('create', 'UA-XXXXXX-X', 'auto', {allowLinker: true});」という表記がありません。

この場合、表示スピードを落とすことなく、オプティマイズを実装するにはどのようにすれば良いでしょうか?

知ら間にアナリティクスがgtag.jsになっていると思うので、同じ疑問をお持ちの方が少なくないように思います。

ご教授をよろしくお願いします。


受理された解決策
ベストアンサーのマーク済み.
解決策
トピック作成者王国さんが付与
1 か月前

Re: グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

Ray
レジェンド

解決したようで安心しました!

 

・なぜタグマネージャでオプティマイズを導入するとページ読み込み速度が遅くなる可能性があるとグーグルヘルプで書かれているのか?

GTMを経由してオプティマイズを設置した場合、GTMのコンテナとオプティマイズのコンテナ両方が読み込まれてからでないとオプティマイズが動作しません。

その場合、前の回答でも記載しました、レイテンシが発生しレスポンスが遅れることによって

テストページではなくオリジナルページを描画してしまいます(=オリジナルページに露出が偏る)

ですので、直接ページ内にスニペットを設置していただくことにより、GTMで設置するよりも早くオプティマイズコンテナの読み込みを行えるので、テスト精度が向上します。

 

また、関連情報として一点補足です。

<head>内の可能な限り上にオプティマイズスニペットを設置する理由ですが、フラッシングを極力防ぐ為に推奨しています。

CSSや他のScriptの読み込みが始まってしまうと、オプティマイズスニペットの読み込みスタートが

後回しになってしまい、テストページが描画される際にオリジナルページが一瞬チラつく場合があります。

その為、可能でしたら<head>のなるべく上に設置していただくと、ユーザーに違和感を与えずにテストを行えると思います。

 

長くなってしまい申し訳ありません。

よろしくお願いします。

 

Ray お役に立てましたら、いいねや解決済みマークを押していただけると幸いです!

元の投稿で解決策を見る


すべての返信

Re: グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

Ray
レジェンド

こんにちは。

 

ご質問拝見しました。

gtag.jsと従来のanalytics.jsで書かれたスニペットは同一ページ内に設置することが可能です。

オプティマイズのスニペットは管理画面からも確認できる通り、以下のような記述をする必要があります。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-XXXXXXXX-Y', 'auto');
  ga('require', 'GTM-ZZZZZZZ');
  ga('send', 'pageview');
</script>

このスニペットをgtag.jsの上に設置いただいただければ問題ありませんが、

ga('send', 'pageview');

が記述されたまま設置してしまうとページビューが二重計測されてしまうので、こちらの行のみ削除した状態で設置いただければ問題ありません。

 

参考になりましたら幸いです。

よろしくお願いします。

Ray お役に立てましたら、いいねや解決済みマークを押していただけると幸いです!

Re: グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

中級者 ✭ ✭ ✭
丁寧なご教授ありがとうございます。
以下ご質問を付け加えさせていただければ幸いです。
1.「GTM-ZZZZZZZ」について
→私のオプティマイズのスニペットを確認した「GTM-ZZZZZZZ」の「ZZZZZZZ」のアルファベットが、私のタグマネージャのアルファベットと異なるアルファベットなのですが、そのままで問題ないでしょうか?
2.アナリティクスについて
→アナリティクスの管理画面を見るとgtag.jsですが、サイトではアナリティクスをタグマネージャで運用しています。
なので、サイトにはアナリティクスのコードはなくてタグマネージャのコードが埋め込まれています。
この場合、記述くださったコードをどの部分に添付すればよいでしょうか?
以上、恐れいりますが、ご教授の程よろしくお願いします。

Re: グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

Ray
レジェンド

追加のご質問ありがとうございます。

 

1.「GTM-ZZZZZZZ」について

ご認識の通りで、「GTM-ZZZZZZ」の箇所を対象のオプティマイズコンテナIDに、

「UA-XXXXXX-Y」をそのコンテナに紐づけたGAプロパティIDに変更してご利用ください。

 

2.アナリティクスについて

設置個所ですが、<script>で始まるGTMスニペットよりも上の位置に設置ください。

下記のような順序になっていましたら問題ございません。

①<head>

②オプティマイズスニペット

③<script>のGTMスニペット

④</head>

⑤<body>

⑥<noscript>のGTMスニペット

⑦</body>

 

よろしくお願いします。

Ray お役に立てましたら、いいねや解決済みマークを押していただけると幸いです!

Re: グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

中級者 ✭ ✭ ✭
ご回答ありがとうございます。
1.「GTM-ZZZZZZZ」について
→あっ僕の認識不足がありました。
「GTM-ZZZZZZ」はオプティマイズコンテナIDの事で、タグマネージャのGTM-○○○○とは異なるんですね。
であれば、オプティマイズのスニペットのままでGAプロパティIDも適切でしたのでそのまま使用いたします!
2.アナリティクスについて
→&lt;script&gt;で始まるGTMスニペットよりも上の位置に設置し、ga('send', 'pageview');を削除すれば良いという事でよろしいでしょうか?
また、gtag.jsと従来のanalytics.jsで書かれたスニペットは同一ページ内に設置することが可能との事ですが、実質アナリティクスコードが2つ存在する事となり、ページ読み込み速度が重くならないか懸念しております。
オプティマイズをタグマネージャで実装するのと、今回ご紹介くださった方法でのページ読み込み速度についてお分かりでしょうか?
細かい質問で大変恐縮ですが、ページ読み込み速度をできるだけ落とさずオプティマイズの導入ができれば理想です。

以上お手数ですが、何卒よろしくお願いします。

Re: グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

[ 編集済み ]
Ray
レジェンド

再度ご確認ありがとうございます。

 

1.「GTM-ZZZZZZZ」について

ご認識の通りです。

GTMとついているので分かりにくいですが、オプティマイズのコンテナIDはGTMから始まる値となっています。

1.png

 

2.アナリティクスについて

こちらもご認識の通りで、pageviewの箇所を削除してください。

↓削除していただくと以下のようなスニペットになります。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-XXXXXXXX-Y', 'auto');
  ga('require', 'GTM-ZZZZZZZ');
</script>

 ※フラッシング防止には以下のスニペットを上記スニペットよりも上に設置ください

<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'GTM-ZZZZZZZ':true});</script>

ご懸念のページの読み込み速度ですが、GAの各種スニペットは基本的に非同期通信ですので、ページの読み込み速度に大きく影響を与えることはまずないかと思います。

(GTMでカスタムHTMLをはじめタグ設定が多いと最終的な読み込み完了までの時間に影響を与えている可能性は高いです)

下記の資料が参考になると思いますので、お手隙にお読みいただけると幸いです。

https://developers.google.com/analytics/devguides/collection/analyticsjs/?hl=ja

 

よろしくお願いします。

Ray お役に立てましたら、いいねや解決済みマークを押していただけると幸いです!

Re: グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

中級者 ✭ ✭ ✭
とても丁寧で分かりやすいご回答ありがとうございます!
解決しました。
(後ほど解決策マークをお付けいたします)
もしお分かりでしたら、以下の疑問にもお答えくだされば幸いです。
・なぜタグマネージャでオプティマイズを導入するとページ読み込み速度が遅くなる可能性があるとグーグルヘルプで書かれているのか?
→こちらはタグマネージャかオプティマイズが非同期通信ではなく、同期通信だからでしょうか?
グーグルがタグマネージャでオプティマイズを実装するのを推奨していない理由を教えていただけますと幸いです。
ベストアンサーのマーク済み.
解決策
トピック作成者王国さんが付与
1 か月前

Re: グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

Ray
レジェンド

解決したようで安心しました!

 

・なぜタグマネージャでオプティマイズを導入するとページ読み込み速度が遅くなる可能性があるとグーグルヘルプで書かれているのか?

GTMを経由してオプティマイズを設置した場合、GTMのコンテナとオプティマイズのコンテナ両方が読み込まれてからでないとオプティマイズが動作しません。

その場合、前の回答でも記載しました、レイテンシが発生しレスポンスが遅れることによって

テストページではなくオリジナルページを描画してしまいます(=オリジナルページに露出が偏る)

ですので、直接ページ内にスニペットを設置していただくことにより、GTMで設置するよりも早くオプティマイズコンテナの読み込みを行えるので、テスト精度が向上します。

 

また、関連情報として一点補足です。

<head>内の可能な限り上にオプティマイズスニペットを設置する理由ですが、フラッシングを極力防ぐ為に推奨しています。

CSSや他のScriptの読み込みが始まってしまうと、オプティマイズスニペットの読み込みスタートが

後回しになってしまい、テストページが描画される際にオリジナルページが一瞬チラつく場合があります。

その為、可能でしたら<head>のなるべく上に設置していただくと、ユーザーに違和感を与えずにテストを行えると思います。

 

長くなってしまい申し訳ありません。

よろしくお願いします。

 

Ray お役に立てましたら、いいねや解決済みマークを押していただけると幸いです!

Re: グーグルオプティマイズをタグマネージャで管理してはいけないのかどうかについて?

中級者 ✭ ✭ ✭
今まで回答くださった中で最も丁寧かつ分かりやすくて感動しております!
この度は本当にありがとうございました。