問題 × 解決策

GAトラッキングコードを外部javascriptファイルから読み込む方法

問題

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/

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

seven + eight =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧