自分のサイトにGoogleAnalyticsを導入した時のタグって、「gtag.js」か「analytics.js」どっちだっけ？
とイベントトラッキングを使用したいときになるので、違いと確認方法を記載しておきます。
イベントトラッキングについての記事は以下となります。
gtag.js と analytics.js の違い
簡単に言うと、gtag.js が新しい仕様、analytics.js が古い仕様ということになります。
現在、Analyticsをサイトに導入しようとすると、gtag.js のコードが表示されるので、新しいサイトはほぼ gtag.js が使用されています。
古いサイトや、すでにAnalyticsが誰かによって導入されている場合は、analytics.js が使用されている場合があります。
ソースコード（スニペット）
ソースコードでも違いがあります。
※GA_MEASUREMENT_ID は、ご自分の Google アナリティクス ID だとお考えください。
gtag.js スニペット
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
</script>
analytics.js スニペット
<!-- Google Analytics -->
<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', 'GA_MEASUREMENT_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
こうやって比べてみるとわかりますが、イベントトラッキングのコードと同じく、gtag が gtag.js で、ga が analytics.js なんですね。
gtag.js と analytics.js のどちらがサイトに導入されているか確認する方法
これはサイトの構築によりかなり違ってくるのですが、ソースコードからある程度判断することが可能です。
ソースコードはブラウザで右クリックしてメニューを出し、「ソースコードを表示」で確認できます。
その後、Ctrl + F で検索バーを出し、以下の語句を入力し探してみましょう。
- analytics.js
analytics.js が導入されているか探せます。 gtag
gtag.js が導入されているか探せます。googletag
Googleタグマネージャーが導入されているか探せます。
analytics.js から gtag.js に移行する
analytics.js から、新しい gtag.js に移行したい場合は、以下記事が参考になります。
上記記事内にもありますが、移行後はイベントの測定などの独自で計測しているタグは変更しなくてはなりませんのでお気をつけください。
まとめ
2014年以降に GoogleAnalytics がユニバーサルアナリティクスを新しく導入し、旧アナリティクスのタグが使用できなくなりました。
そのユニバーサルアナリティクスも、analytics.js から gtag.js に変わり新しくなりました。
今の所、analytics.js から gtag.js に移行しなくても、使用上問題ありません。
ただ、今後どうなるかはわからないので、移行できるならしておくにこしたことはありませんね。