使用Google Analytics分析跟踪链接点击次数?

时间:2014-01-15 20:26:11

标签: javascript google-analytics

我是Google Analytics的初学者,我需要知道如何设置它以便它可以跟踪我网站上的链接获得的点击次数?

例如,我有一个链接:

<a href="https://google.com">link</a>

我知道我应该在那里举办onClick活动,但我不知道它是如何链接到Google Analytics的?

这是正确的Onclick代码:

onClick="_gaq.push(['_trackEvent', 'Link', 'Click', 'Banner Advert1']);"

5 个答案:

答案 0 :(得分:38)

您可能希望使用事件跟踪 - 这是一个简单的Javascript函数,可以通过链接上的click事件触发。您还需要确保页面上还有standard google tracking script

来自Google Event Tracking Guide

  

事件跟踪是ga.js跟踪代码中可用的方法   您可以使用记录用户与网站元素的交互,例如   Flash驱动的菜单系统。这是通过附加   方法调用要跟踪的特定UI元素。使用时   这样,计算了这些元素的所有用户活动   在Google Analytics报告界面中显示为“事件”。   此外,网页浏览计算不受用户活动的影响   使用事件跟踪方法进行跟踪。最后,事件跟踪   使用面向对象的模型,您可以使用它来收集和   将您网页对象的不同类型的交互分类。

示例:

<a href="www.google.com" onclick="_gaq.push(['_trackEvent', 'Google Link', 'Action label', 'Additional info']);">link</a>

更新

以上是旧版本的API - ga.js.如果您使用较新的Universal tracking,请参阅the docs。实际上传递的数据与之前相同,但是调用是不同的。

使用较新的API进行事件跟踪的示例:

<a href="www.google.com" onclick="ga('send', 'event', 'Google Link', 'Action label', 'Action Value');">link</a>

答案 1 :(得分:29)

请注意,_gaq.push(..)表示使用旧版经典分析网络跟踪 (ga.js)进行跟踪。新标准通用分析网络跟踪 (analytics.js)使用不同的方法,如:

ga('send', 'event', 'button', 'click', 'nav buttons', 4);

前两个选项无法更改,它们会将send选项与匹配类型event一起传递给ga函数。

还需要接下来的两个选项,后两个选项是可选的。他们代表:

  • button (字符串|必填):类别
  • click (字符串|必填):操作
  • nav buttons (字符串|不需要):标签
  • 4 (正整数|不需要):值

可在以下网址找到更多信息:https://developers.google.com/analytics/devguides/collection/analyticsjs/events

答案 2 :(得分:14)

其他答案未考虑请求可能无法在页面更改之前完成,从而导致事件无法记录。

在其他答案中找到这个解决方案的问题:

 <a
    href="http://example.com"
    onclick="ga('send', 'event', {eventAction: 'click', eventCategory: 'Example'})"
 >example</a>

Google Analytics文档确实提供了a solution to this

  

跟踪出站链接和表单可能很棘手,因为一旦新页面开始加载,大多数浏览器将停止在当前页面上执行JavaScript。此问题的一个解决方案是将transport字段设置为 beacon

     

beacon 传输允许将数据异步发送到服务器,即使在页面关闭后也是如此。

添加transport: 'beacon',如下所示:

 <a
    href="http://example.com"
    onclick="ga('send', 'event', {transport: 'beacon', eventAction: 'click', eventCategory: 'Example'})"
 >example</a>

不幸的是,有些浏览器不支持beacon,包括IE 11 (caniuse)。要解决此问题,您可以cancel the page navigation将请求发送到Google Analytics,等待其完成,然后启动页面导航。幸运的是,所有现代主流浏览器都支持它。

答案 3 :(得分:7)

我在每个页面设置的页脚中将其用作Google Goals中的事件。

在成功页面之前使用slug交换寄存器以获取页面路径。

<script>

  window.addEventListener('load',function(){

    if(window.location.pathname =="/register/" )

    {

      ga('send','event','register page','referrer',document.referrer)

    }

  });

</script>

然后在Admin&gt;中目标

  1. 定制
  2. 目标说明
  3. enter image description here

    1. 目标详情
    2. enter image description here

      这使您可以跟踪链接被点击的页面网址,如果它导致目标完成成功。

      转到行为&gt;活动&gt;报告数据的概述。

答案 4 :(得分:3)

我看到其他答案都是指旧语法:ga()。如果您使用的是最新版本的Google Analytics跟踪,那么哪个方法无效...

以下是使用最新GA版gtag()进行事件跟踪的示例:

<a href="http://example.com" onclick="gtag('event', 'click', {'event_category': 'Navbar button', 'event_label': 'Navbar blue Download button'});">Download</a>

所以这是我们的 onclick 属性内容:

gtag('event', 'click', {'event_category': 'Navbar button', 'event_label': 'Navbar blue Download button'});

以上脚本有以下选项:

  • 点击类型Event |必填): 无法更改
  • 事件操作(文字|必填):互动类型(例如&#39; click&#39;)
  • event_Category (文字|必填):通常是与之互动的对象(例如&#39; Navbar button&#39;)
  • event_label (文字|可选):对于分类事件非常有用(例如&#39; Navbar blue Download button&#39;)

更多详情:https://developers.google.com/analytics/devguides/collection/gtagjs/migration#track_events