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>