谷歌分析出站链接事件跟踪

Google Analytics Outbound Link Event Tracking

本文关键字：链接 事件 跟踪 谷歌      更新时间：2023-09-26

我正在尝试设置事件跟踪，以便跟踪何时有人访问我的"关于"页面并点击指向我的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>

我会继续阅读和插入，但任何帮助都是不胜感激的。

我有分析.js到位。我还在标头部分中实现了代码以提供延迟，以便跟踪有时间加载，如此支持帖子所建议的那样：
https://support.google.com/analytics/answer/1136920?hl=en

另外，想知道这是如何工作的。一旦我得到正确的代码，它会自动显示在我的分析中？在事件下？还是我还有别的事情要做？

抱歉，如果在其他地方回答这个问题，我提前阅读了一堆以前的帖子，但我觉得总会缺少一些信息，这只会阻止我正确处理这个问题。

问题是浏览器在正确记录事件之前重定向到新 URL。

有三种常用方法：

  1. 错误：在重定向之前插入一个小延迟。这是一种不可靠的方法，因为所需的延迟取决于网络的性能。在慢速网络中，可能不会记录事件，因为浏览器会过早切换到新 URL。

  2. 更好：向<a>元素添加target="_blank"。这将在新窗口中打开链接，并允许记录事件，因为旧窗口将保持打开状态。

  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>

    上面的代码是从此页面复制的。

您拥有的内容是正确的，您的事件应该显示在Google Analytics的"事件"下。 有两种方法可以跟踪出站链接：

快速方法目标="_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;">

首先，您需要添加 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>
相关文章：