Google Analytics出站鏈接事件跟蹤

Question

我正在嘗試設置事件跟蹤，以便我可以跟蹤某人何時訪問我的“關於”頁面並點擊指向我的LinkedIn個人資料的鏈接。 以下是我想要跟蹤的鏈接。 正如你所看到的，我試圖添加一些代碼來跟蹤工作...我經歷了一些不同的技術，但到目前為止沒有任何工作。

這就是我現在擁有的：

<a ga('send', 'event', 'outbound', 'click', 'linkedin'); href="http://www.linkedin.com/profile/view?id=110370894&amp;trk=nav_responsive_tab_profile_pic" target="_blank">LinkedIn Page</a>

我將繼續閱讀和插入，但任何幫助表示贊賞。

我有analytics.js到位。 我還在標題部分實現了代碼以提供延遲，以便跟蹤有時間加載，如此支持帖子所建議的那樣：
https://support.google.com/analytics/answer/1136920?hl=en

另外，想知道這是如何工作的。 一旦我獲得正確的代碼，它將自動顯示在我的分析中？ 根據事件？ 還是我還有別的事要做？

如果在其他地方得到解答，我提前對不起，我讀了一堆以前的帖子，但我覺得總是有些信息丟失，這只是讓我無法做到這一點。

Answer 1

問題是瀏覽器在正確記錄事件之前重定向到新URL。

有三種常用方法：

1. 錯誤 ：在重定向之前插入一個小延遲。 這是一種不可靠的方法，因為所需的延遲取決於網絡的性能。 在慢速網絡中，可能無法記錄事件，因為瀏覽器將很快切換到新URL。

2. 更好 ：將target="_blank"添加到<a>元素。 這將在新窗口中打開鏈接，並允許記錄事件，因為舊窗口將保持打開狀態。

3. 最佳 ： ga()方法允許在成功記錄事件后立即運行回調函數。

    <script> /** * Function that tracks a click on an outbound link in Google Analytics. * This function takes a valid URL string as an argument, and uses that * URL string as the event label. */ var trackOutboundLink = function(url) { ga('send', 'event', 'outbound', 'click', url, {'hitCallback': function () { document.location = url; } }); } </script> 

   用法：

    <a href="http://www.example.com" onclick="trackOutboundLink('http://www.example.com'); return false;"> Check out example.com </a> 

   上面的代碼是從此頁面復制的。

Answer 2

由於ga函數是一個javascript函數，你應該將它添加到onclick中;

<a onclick="ga('send', 'event', 'outbound', 'click', 'linkedin');" href="http://www.linkedin.com/profile/view?id=110370894&amp;trk=nav_responsive_tab_profile_pic" target="_blank">LinkedIn Page</a>

Answer 3

您擁有的內容是正確的，您的活動應顯示在Google Analytics（分析）下的活動中 。 跟蹤出站鏈接有兩種方法：

快速方法target =“_ blank”跟蹤出站鏈接的快速方法是追加target="_blank"屬性。 這樣，新頁面將在新窗口中打開，當前頁面將有時間跟蹤事件。

替代方法 - 延遲頁面加載首先，將出站點擊延遲幾分之一秒。

<script type="text/javascript">
function trackOutboundLink(link, category, action, label) { 
try { 
    ga('send', 'event', category, action, label);
} catch(err){}

setTimeout(function() {
    document.location.href = link.href;
}, 100);
}
</script>

接下來，修改出站鏈接以在不首先跟蹤鏈接的情況下調用新函數。

<a href="http://www.example.com" onClick="trackOutboundLink(this, 'Outbound Links', 'click', 'example.com'); return false;">

Answer 4

首先，您需要添加JavaScript跟蹤代碼段。

</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', 'UA-XXXXX-Y', 'auto'); //you should definitely change your tracking ID
    ga('send', 'pageview');
</script>

然后我們編寫我們的事件函數

function handleOutboundLinkClicks(category, action, label) {
   ga('send', 'event', {
   eventCategory: category,
   eventAction: action,
   eventLabel: label
 });
}

最后，我們在我們想要的地方調用我們的函數

<a onclick="handleOutboundLinkClicks('EVENT CATEGORY' ,'EVENT ACTION' , 'EVENT LABEL' )">CLICK ME</a>