問題
Google analyticsのトラッキングコードを外部javascriptファイルから読み込ませたい。
解決策
最初の行のスクリプトの読み込みのみ「document.write」で行う。
Google analyticsのトラッキングコードを外部ファイルから読み込む
Google analyticsのトラッキングコードを各HTMLファイルに記述していくのはページ数に比例して、とても手間になってきますよね。
そこで、外部javascriptファイルから読み込む方法をご紹介します。
まず、外部javascriptファイルを行います。
headerタグ内で、外部javascriptファイルを読み込みます。
便宜上、「analytics.js」というファイル名にしています。
<head>
...
<script type="text/javascript" src="ファイルパス/analytics.js"></script>
...
</head>次に読み込み先のjavascriptファイルの構築を行います。
最初のスクリプトの読み込みの記述のみ「document.write」で行います。
analytics.js
document.write('<script async="" src="https://www.googletagmanager.com/gtag/js?id=トラッキングID"></script>');
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'トラッキングID');参考ページ
【Googleアナリティクスのトラッキングコードを外部Javascriptファイルで取り込む方法｜Source】
http://source.sakuraweb.com/coding/gtag/
コメント