【问题标题】:Tracking link clicks with google analytics?使用谷歌分析跟踪链接点击?
【发布时间】:2014-01-15 20:26:10
【问题描述】:

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

例如我有一个链接:

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

我知道我应该在某处放置一个onClick 事件,但我不知道它如何链接到 Google Analytics?

这是正确的 Onclick 代码吗:

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

【问题讨论】:

    标签: javascript google-analytics


    【解决方案1】:

    您可能想要使用事件跟踪 - 这是一个简单的 Javascript 函数,可以从链接上的点击事件触发。您需要确保您的页面上也有 standard google tracking script

    来自Google Event Tracking Guide

    事件跟踪是 ga.js 跟踪代码中提供的一种方法, 您可以用来记录用户与网站元素的交互,例如 Flash 驱动的菜单系统。这是通过附加 对要跟​​踪的特定 UI 元素的方法调用。使用时 这样,计算这些元素上的所有用户活动,并 在 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>
    

    【讨论】:

    • 好的,我只添加:onClick=”_gaq.push(['_trackEvent', 'Link', 'Click', 'Banner Advert1']);”到我要跟踪的链接,它将显示在 GA 上?
    • 类别字段的其他选项是什么?
    • 是的 - 它们将显示在您的 google.com/analytics 面板下的左侧菜单上,行为/事件
    • 这个答案的问题是页面导航可能在事件有机会被记录之前发生。见my answer
    • @eAi 是的,确实事情已经改变了 6 年 ;)
    【解决方案2】:

    请注意,_gaq.push(..) 指的是使用旧版 Classic Analytics 网络跟踪 (ga.js) 进行的跟踪。新标准 Universal Analytics Web Tracking (analytics.js) 使用不同的方法,例如:

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

    前两个选项不能更改,它们将带有event 命中类型的send 选项传递给ga 函数。

    接下来的两个选项也是必需的,最后两个是可选的。它们代表:

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

    更多信息请访问:https://developers.google.com/analytics/devguides/collection/analyticsjs/events

    【讨论】:

    • 根据文档,只需要前两个(按钮和单击 - 在本示例中,它们是文档中的 eventCategory 和 eventAction)。 EventLabel 和 eventValue 不是必需的。
    • 感谢@Strabek 指出这一点。我认为必须对此进行更新。我会相应地更新我的帖子。
    • 这里的数字'4'有什么作用?
    【解决方案3】:

    其他答案没有考虑到请求可能在页面更改之前没有完成,导致事件不被记录。

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

     <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,等待其完成,然后启动页面导航。幸运的是,所有现代主流浏览器都支持它。

    【讨论】:

    • 那么transport=beacon是否保证送达?
    • @Dmitry 传输信标意味着即使在标签页关闭或页面被导航离开后仍会发送请求。当然,没有什么能绝对保证交货,您可能会断电,机器可能会关闭。
    【解决方案4】:

    我在每个页面设置的页脚中使用它作为 Google 目标中的一个事件。

    在成功页面之前的页面路径中用slug替换注册。

    <script>
    
      window.addEventListener('load',function(){
    
        if(window.location.pathname =="/register/" )
    
        {
    
          ga('send','event','register page','referrer',document.referrer)
    
        }
    
      });
    
    </script>
    

    然后在管理>目标中

    1. 自定义
    2. 目标描述

    1. 目标详情

    如果链接成功完成目标,您可以跟踪点击了链接的页面 URL。

    转到行为 > 事件 > 报告数据概览。

    【讨论】:

      【解决方案5】:

      我看到其他答案指的是旧功能: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>
      

      上面的例子有以下选项:

      • 命中类型Event | 必填): 无法更改
      • 事件操作(文本|必填):交互类型(例如'click')
      • event_Category (文本|必需):通常是与之交互的对象(例如'Navbar button')
      • event_label (文本 | 可选): 用于对事件进行分类(例如,'Navbar blue Download button')

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2016-10-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多