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。

有三种常用方法：

错误：在重定向之前插入一个小延迟。这是一种不可靠的方法，因为所需的延迟取决于网络的性能。在慢速网络中，可能无法记录事件，因为浏览器过早切换到新URL。
更好：将target="_blank"添加到您的<a>元素中。这将在新窗口中打开链接，并允许记录事件，因为旧窗口将保持打开状态。

最佳：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>

上面的代码是从this page。

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"属性。这样，新页面将在新窗口中打开，当前页面将有时间跟踪事件。

替代方法 - 延迟页面加载 首先，将出站点击延迟几分之一秒。

<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>

Google Analytics出站链接事件跟踪

4 个答案: