失敗
PDF ファイルのダウンロードをトラッキングするため、a タグの onclick 属性に pageTracker._trackPageview 関数を指定しました。
<a href="/document/seasar/seasar_merit.pdf"
onclick="javascript:pageTracker._trackPageview('/downloads/seasar/seasar_merit');">
図1 pageTracker is not defined
翌日、Google Analytics で結果を確認してみると、トラッキングされた形跡がありません。 スクリプトの記述を誤ったのかと思い、エラーコンソールで確認するとスクリプトエラーが発生していました (図1) 。 pageTracker._trackPageview 関数を使用するには、何か特別な作業が必要なのでしょうか？
環境
このレポートは、以下の環境について記述したものです。
| Google Analytics トラッキングコード |
urchin.js ↓ ga.js |
原因
pageTracker._trackPageview 関数は、新しいトラッキングコード (ga.js) 用に作成されたものであり、古いトラッキングコード (urchin.js) では使用できません。 今回、スクリプトエラーが発生したのは、トラッキングコードに urchin.js を使用していたためでした。
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uacct = "UA-xxxxxxx-x"; urchinTracker(); </script>
解決策
Google Analytics トラッキングコードを ga.js に差し替えます。
なお、urchin.js のままで、ダウンロードのトラッキングをする場合は、捕捉を参考にしてください。
(1) 新しいトラッキングコードの取得
新しいトラッキングコードは以下の手順で取得できます。
- Google Analytics にログインします。
- 「Analytics 設定」の「編集」をクリックします (図2) 。
- 「プロファイル設定」の「Check Status」をクリックします (図3) 。
- 「トラッキングコード」の「Instructions for adding tracking」に表示されているトラッキングコードをコピーします (図4) 。
図3 「プロファイル設定」の「Check Status」をクリック
図2 「Analytics 設定」の「編集」をクリック
図4 「トラッキングコード」のトラッキングコード
(2) トラッキングコードを差し替える
トラッキングコードを (1) で取得したコードに差し替えます。
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-xxxxxxx-x");
pageTracker._trackPageview();
} catch(err) {}</script>
</div>
以上で pageTracker._trackPageview 関数が使用できるようになり、ダウンロードのトラッキングが可能になります。
補足
■ urchin.js
urchin.js でダウンロードをトラッキングするには、urchinTracker 関数を使用します。
<a href="/document/seasar/seasar_merit.pdf"
onclick="javascript:urchinTracker('/downloads/seasar/seasar_merit');">
参考サイト
- Analytics ヘルプ - サイトからのファイルのダウンロード (PDF、AVI、WMV など) をトラッキングするにはどうすればよいですか。
- Analytics ヘルプ - サイトのソース コードを確認するにはどうすればよいですか？