便利テクニック

GoogleAnaliticsにふたつのコードを入力する

モニター生のかたのワードプレスに解析のトラッキングコードを入れようとして調べたことがあったので書いておきます。

 

単純にふたつのコードを入れてみるとこうなりました

<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-12345678-1', 'auto');

  ga('send', 'pageview');



</script>

<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-12345678-2', 'auto');

  ga('send', 'pageview');



</script>

 

試しに単純に追加しただけです。

結果は追加したコードは受信しない。

それでは、受信できるように変更しましょう。

 

 

正解は2行を追加するだけでいいんです

答えは上の2つを並べるよりも簡単です。

この行を追加するだけでいいのです。

  ga('create', 'UA-12345678-2', 'auto');

  ga('send', '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-12345678-1', 'auto');

  ga('send', 'pageview');

  ga('create', 'UA-12345678-2', 'auto');

  ga('send', 'pageview');

</script>

 

このように並べてもらえば両方のコードが受信可能になります。

 

 

</body>か</header>かどちらが正解?

アナリティクスコードを埋め込みするには</body>の直前に書き込んでいましたが、これには理由があってのこと。

htmlの読み込みの順番での影響でサイトの表示が遅くなることがあるので</body>の直前に書くことが推奨されていました。でも現在(201703)はグーグルアナリティクスがユニバーサルアナリティクスに進化したのでサイトの表示が遅くなることは改善されました。よって</header>の直前に書いても大丈夫です。

私は検証で</body></header>にどちらも試していますが、どちらも問題なく動作しています。2つ以上のコードを利用する場合は</header>で問題ないことを確認しています。

 

まとめると</body>で動作しているブログはわざわざ変更する必要はありません。今後の新しいブログは</header>に書き込んで2つ以上のコードも</header>に書き込むと考えてもらうのがわかりやすいです。

 

 

 

ABOUT ME
和田真羽人
和田真羽人
会社員時代の経歴は1つの会社で4回も職種を変更させられました。おかげさまで1000人の経営者と商談し、700 台のPCを販売し、500のお客様のネットワークを修復・改善した実績を持ちます。料理は30年超の我流一筋でお刺身作ることが最近の楽しみ。フライパン使っての料理が得意。自由な人生を手に入れるために一秒も惜しみながら過ごしています。