リンクのGoogleアナリティクスイベントトラッキング

Question

Googleアナリティクスを自分のサイトに設定しました。これで、追跡する必要のある外部リンクが作成されました。

official Google Analytics documentationによれば、要素にonclick EventListenerを追加するだけで済みます。このように：

<a href="#" onclick="ga('send', 'event', 'EventCategoryName', 'EventName');">click me</a> 

しかし、私のサイトでは動作しません。 デベロッパーツールの[ネットワーク]タブをチェックすると、リンクをクリックしてもリクエストはありません。最新のgoogle analytics.jsで作業しています

誰でも私にヒントを教えてもらえますか？

Answer 1

私は、次のトラッキングコードで、Googleアナリティクスのgtag.jsバージョンを使用していたこと、が分かった：

<!-- Global Site Tag (gtag.js) - Google Analytics --> 
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script> 
<script> 
    window.dataLayer = window.dataLayer || []; 
    function gtag(){dataLayer.push(arguments)}; 
    gtag('js', new Date()); 

    gtag('config', 'GA_TRACKING_ID'); 
</script> 

gtag.js documentationで説明したように。イベントをトラッキングするには、次のスニペットを使用する必要があります。

gtag('event', 'login'); 

残念ながらそれは機能しませんでした。

私の一時的なソリューション： は、私は次のコードを使用して、バックanalytics.jsのバージョンに行きました：

<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_TRACKING_ID', 'auto'); 
    ga('send', 'pageview'); 

</script> 

今、私は、ユーザーが外部リンクを（クリックした場合や、正常に追跡することができますよあなたが追跡したいアクション）：

ga('send', 'event', 'EventCategoryName', 'EventName');