234 人が現在オンライン
234 人が現在オンライン
Google アナリティクスのアカウント設定、プロパティ、ビューやフィルタ設定などについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合って、よりデータ分析の知識を高めていきましょう。
ガイドを表示
star_border
返信

Googleオプティマイズの導入の件について

初級者 ✭

Googleオプティマイズの導入を行っており仕様書を確認して以下の様にタグを埋めているのですが、
ブラウザの読込完了してからフロントが表示されるまでタイムラグ(一時的に背景が真っ白になる)があるみたいです。


①オプティマイズ プラグインを既存のアナリティクス トラッキング コードに次のように設定Footer内に設置

<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-X', 'auto');
ga('require', 'GTM-XXXXXXX');
ga('send', 'pageview');
</script>


②以下のソースコードをHead内に設置

<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-XXXXXXX':true});</script>


原因はおそらく、②に記載されているコードが原因ですが、
こちらの解消方法がありますでしょうか。

よろしくお願いします。

Re: Googleオプティマイズの導入の件について

レジェンド
こんにちは。

すみません、オプティマイズは詳しくないので、申し訳ないのですが、AdWordsのコミュニティのほうでリダイレクトが話題になっていましたが、こちら参考になりますでしょうかね。
https://www.ja.advertisercommunity.com/t5/その他-Google-アナリティクス/GoogleオプティマイズでのRedirect-test-リダイレクトに時間が...

よろしくお願い致します。
------
文責:カグア!

Re: Googleオプティマイズの導入の件について

初級者 ✭
カグアさん

ありがとうございます!
確認しました。

>=======================================
>https://support.google.com/360suite/optimize/answer/6314801
>おすすめの方法は、アナリティクス トラッキング コードに手を加えたものを作成して、ページに直接設定する方法です。
>この方法では、ページの読み込み時にオプティマイズ コンテナが初期化されるため、タグマネージャを待機することはありません。
>~~
>Google タグマネージャを使ってオプティマイズ プラグインを配信することも可能ですが、そのように設定すると、
>特に接続速度が遅いウェブサイトや、多数の画像を表示しているか読み込みに時間がかかるウェブサイトでは、
>待ち時間が長くなる可能性があります。
>=======================================
→内容確認するとほぼ一緒みたいですね。
唯一違うのは①の設置個所がbody タグ内にいれているので、<HEAD>内に入れて試してみます。