thumbnail

BloggerのGoogleアナリティクスのユニバーサルトラッキング対応 | Blog運用

Bloggerデフォルトでは、Googleアナリティクスのユニバーサルトラッキング対応がされていない?

BloggerのGoogleアナリティクスのユニバーサルトラッキング対応 | Blog運用




ふと、
他のサイトでGoogleアナリティクスの設定を見たら、

ga('require', 'displayfeatures')

というコードを見かける。

何だろうと思い、調べてみると、
ユニバーサルトラッキングコード対応で、
年齢性別属性が分析できるようになるらしい。


<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-XXXXXXX', '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-XXXXXXX', 'auto'); ga('require', 'displayfeatures'); ga('send', 'pageview'); </script>
と、一行追加するだけ。

また、これらコードの設置場所が、
従来の</body>の直上から、</head>の直上に変わっていた。

トラッキングするすべてのウェブページに、コピーしたスニペットを貼り付けます(一切変更を加えず、スニペット全体をそのまま貼り付けます)。貼り付ける場所は、終了タグ </head>の直前です。

hatenaのブログは、これらの対応になっていた。

bloggerのブログは、
「analytics.js」ではなく、
「ga.js」のコードを使ったパターン。

<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXX']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = (document.location.protocol == 'https:' ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>
調べると、
この場合のユニバーサルトラッキングコード対応は、以下のようになる。

<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXX']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>
BloggerのGoogleアナリティクスでは、Bloggerの設定画面からアナリティクスIDを設定して、使っていて、そうすると、この古いコードのまま。

同じgoogleなのに何でだろう。

しょうがないので、 直接htmlファイルに埋め込むことにした。


同じく、tumblrも、古いコードのまま、
なおかつ、</body>の直上に設置されている。
これも、設定画面でアナリティクスIDを設定するのではなく、直接htmlファイルに埋め込むことにした。

No Comments