Google Analyticsのトラッキングコードを外部ファイルで読み込む

Google Analyticsのトラッキングコードを外部ファイルから読み込みたいです。

現在ヘッド内に

html
1<head>
2
3<!-- Global site tag (gtag.js) - Google Analytics -->
4<script async src="https://www.googletagmanager.com/gtag/js?id=UA-トラッキング ID"></script>
5<script>
6  window.dataLayer = window.dataLayer || [];
7  function gtag(){dataLayer.push(arguments);}
8  gtag('js', new Date());
9
10  gtag('config', 'UA-トラッキング ID');
11</script>
12</head>

となっています。これを

html
1<head>
2<script src="js/analyticstracking.js"></script>
3</head>

としたいです。

しかしanalyticstracking.jsをどの様にかけば良いかわからないです。
単にスクリプトタグを外すだけかと思ってましたが、、、

js
1<script async src="https://www.googletagmanager.com/gtag/js?id=UA-トラッキング ID"></script>

この一行をどうすればいいのかわからないです。

HayatoKamono

2018/04/21 07:40 編集

なぜ、それをする必要があるのですか？というか、既に外部ファイルを読み込んでますよね。

行動規範の内容に同意します

回答2件

回答

analyticstracking.jsをどの様にかけば良いかわからないです。
単にスクリプトタグを外すだけかと思ってましたが、

その通りだと思いますが、先頭のコードがスクリプトとして
ファイルに認識されません。そこで解決したanalyticstracking.jsが
こちら

参考
サイトに gtag.js を追加する

一応、gtag.jsの書式や機能的なことも理解しておくと
送られる統計データが正しいか判断つきますね。

投稿2018/04/21 08:02

kawakawa2018

総合スコア1195

自己解決

js
1(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
2(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
3m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
4})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
5
6ga('create', 'トラッキング ID', 'auto');
7ga('send', 'pageview');

でいけたっぽいです。アナリティックの設定画面からだと質問欄の様なjsコードでたが、こちらの公式ページにもう一つ、別バージョンがありました。

gota.jsとanalytics.jsってのです。多分analytics.jsの方は古いんだと思います。

gota.jsの方ではどうするかという事ですが、

js
1document.write('<script async src="https://www.googletagmanager.com/gtag/js?id=トラッキングID"></script>');
2window.dataLayer = window.dataLayer || [];
3function gtag(){
4  dataLayer.push(arguments);
5}
6gtag('js', new Date());
7gtag('config', 'トラッキングID');