Google跟踪代码管理器 - 使用内联onclick属性创建事件

时间:2017-11-12 14:52:15

标签: events google-analytics google-tag-manager

我有一个网站,我使用Google跟踪代码管理器来启动我的Google Analytics跟踪。

<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','********');
</script>
<!-- End Google Tag Manager -->

在页面上,我想跟踪打开模态窗口的链接点击次数。

所以,我把这段代码:

onclick="ga('send', 'event', 'Test', 'Take-Test', 'English');"

然而,这不起作用,并没有将事件推向分析。

经过大量挖掘后,我想也许问题是GTM使用的是gtag.js而不是旧的analytics.js库,因此我的onclick事件的结构必须不同。

我的来源是:https://developers.google.com/analytics/devguides/collection/gtagjs/migration#track_events

基于此,我认为我的onclick事件必须如下所示:

onclick="gtag('event', 'Take-Test', {'event_category': 'test','event_label': 'English'});

但是,我似乎无法确认使用GTM实现它是使用gtag.js,所以我不知道这是否仍然正确。

我所知道的是,我真的希望将此事件正确地推送到Google Analytics中。

作为旁注,我意识到我可能会为此创建GTM触发规则,但由于我无法控制的原因,我必须在HTML代码中而不是通过GTM创建onclick事件。

非常感谢您的任何见解!

3 个答案:

答案 0 :(得分:1)

有些旧的线程,但是无论如何。

遇到同样的问题,直到我将其放在页面顶部:

    self.setTitleColor(UIColor.gray, for: .normal)
    self.setTitleColor(UIColor.yellow, for: .selected)
    self.setTitleColor(UIColor.yellow, for: .highlighted)
    self.setTitleColor(UIColor.yellow, for: .focused)

尤其是<script>window.onload = function(){ gtag('js', new Date()); gtag('config', 'UA-XXXXXXXX-X'); ga('create', 'UA-XXXXXXXX-X'); ....... 似乎至关重要。

答案 1 :(得分:0)

在这种情况下,ga('send' ...)来电无效,因为

  

GTM会自动为其代码设置唯一的跟踪器名称,​​这与您的页面分析对象的跟踪器名称不匹配。

(参见https://www.lunametrics.com/blog/2015/01/21/gtm-existing-tracking/

您要么必须找出GTM正在使用的跟踪器名称,​​并将您的发送呼叫修改为此类

ga('trackerName.send', 'event', ...)

或使用GTM标记跟踪点击。

答案 2 :(得分:0)

也许您应该使用analytics.js而不是ga.js: https://developers.google.com/analytics/devguides/collection/analyticsjs/events

ga('create', 'UA-IDHERE-X', 'auto');
ga('send', {
  hitType: 'event',
  eventCategory: 'Your Category',
  eventAction: 'Your Action',
  eventLabel: 'Your Label'
});