• 加入Google Analytics、Google Tag Manager QQ群166794226一起交流,加入请附上"GA小站",没有不通过
  • 加入Adobe Analytics、Adobe Launch QQ交流群92602018,加入请附上Adobe的组织ID,没有请勿加
  • Google Analytics和Google Tag Manager视频课程第三版http://ke.ichdata.com/course/50

Google Analytics教程:直接往页面加ga代码做事件跟踪

Google Analytics GA小站 4年前 (2017-01-24) 12792次浏览 已收录 4个评论

同样是做事件跟踪,可以通过GTM、页面直接添加,可以使用MP协议,这一节主要介绍入门在在页面直接添加的方法,关于事件参数与原理的请自行脑补或看站点其他文章。
Category:必备参数,一般固定
Action:必备参数,可变
Label:可选,可变
value:可选,可变
noninteraction:可选

Google Analytics教程:直接往页面加ga代码做事件跟踪

经典版的用法是:

_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)

统一版的用法是:

onClick=”ga(‘send’, ‘event’, ‘ category’, ‘action’, ‘label’, value, {'NonInteraction':1});”

下面举例如何添加,比如点击某个链接:
经典版的代码格式为:

_trackEvent(‘book retailer’, ‘click’, ‘Barnes&Noble’, 5, True)

统一版的代码格式为:

onClick="ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True);"

上述格式添加在你需要跟综的位置,你点击那里希望它触发就添加在哪里,完整格式的如:
经典版:

<a href=”/catalogue/books.html” onClick=”_gaq.push([‘_trackEvent(‘book retailer’, ‘click’, ‘Barnes&Noble’, 5, True]);”>New Release</a>

统一版:

<a href=”/catalogue/books.html” onClick="ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True);">New Release</a>

进一步还可以将ga()封装成一个函数,然后给onClick调用,封装的函数如:

function click_link(){
ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True)
}

统一版代码变形为:

<a href=”/catalogue/books.html” onClick="click_link()">New Release</a>
喜欢 (3)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 请问大神gtag如何改呢
    ytkah2020-04-29 14:17 回复 Windows 10 | Chrome 81.0.4044.122
    • GA小站
      参考页面硬编码的形式,直接在需要跟踪的位置添加事件跟踪代码
      GA小站2020-04-29 16:22 回复 Mac OS X | Chrome 81.0.4044.122
      • 可以举个例子吗
        ytkah2020-05-06 14:51 回复 Windows 10 | Chrome 81.0.4044.129
        • GA小站
          https://www.ichdata.com/docs/ga-practice-guide/chap2/event-tracking
          GA小站2020-05-06 22:25 回复 Mac OS X | Chrome 81.0.4044.129