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

Google Analytics 黄业忠 5年前 (2017-01-24) 14018次浏览 已收录 4个评论

Update:2021-7-3

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

不同版本的Google Analytics的事件跟踪的写法是不一样的,在做事件跟踪之前,先认清所用的Google  Analytics是什么版本,不了解的可以看Google Analytics的发展历史(1995到2021)

经典版的用法是:

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

统一版的用法是:

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

其中

  • Category:必备参数,一般固定
  • Action:必备参数,可变
  • Label:可选,可变
  • value:可选,可变
  • noninteraction:可选

普通全局版的用法是:

gtag('event', <action>, {
  'event_category': <category>,
  'event_label': <label>,
  'value': <value>,
  'no_interaction': true,
});

GA4的用法是:

gtag('event', 'login', {
  'method': 'Google'
});

下面举例如何添加,比如点击某个链接:

经典版的代码格式为:

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

统一版的代码格式为:

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

普通全局版的用法是:

gtag('event', 'click', {
  'event_category': 'book retailer',
  'event_label': 'Barnes&Noble',
  'value': 5,
  'no_interaction': true,
});

 

GA4的用法是:

gtag('event', 'click', {
  'event_parameter1': 'book retailer',
  'event_parameter2': 'Barnes&Noble',
  'event_parameter3': 5,
  ……
});

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

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

普通全局版的用法是:

<a href=”/catalogue/books.html” onClick="gtag('event', 'click', {   'event_category': 'book retailer',   'event_label': 'Barnes&Noble',   'value': 5, 'no_interaction': true, });">New Release</a>

 

GA4的用法是:

<a href=”/catalogue/books.html” onClick="gtag('event', 'click', {   'event_parameter1': 'book retailer', 'event_parameter2': 'Barnes&Noble', 'event_parameter3': 5, …… });">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>

GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:Google Analytics教程:直接往页面加ga代码做事件跟踪
链接:https://www.ichdata.com/add-the-ga-code-to-page-for-event-tracking.html

喜欢 (3)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 请问大神gtag如何改呢
    ytkah2020-04-29 14:17 回复 Windows 10 | Chrome 81.0.4044.122
    • 参考页面硬编码的形式,直接在需要跟踪的位置添加事件跟踪代码
      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
        • 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