谷歌分析事件跟踪不起作用谷歌标签管理器

Question

嗨，我想跟踪网站上的单击按钮，因为我在头上添加了谷歌分析代码。

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-XXXXXXXX-1');
    </script>

并通过事件创建了目标

现在我在页脚中添加了脚本来跟踪单击按钮。

jQuery('.apple').on('click', function() {

        gtag('event', 'apple', {
          'event_category': 'apple',
          'event_label': 'apple',
          'event_action': 'click',
          'value': '1'
        });

});

但它根本不起作用。

Answer 1

最好的方法可能是执行dataLayer推送。

dataLayer.push({
    event: 'event_name',
    category: 'event_category',
    action: 'event_action'
})

我相信发送到dataLayer的数据可以是相当自由的格式，但是在开始时坚持类别，操作，标签模式可能是个好主意，因为它是通用的GTM设置。

一个不错的好处是，如果您在 GTM加载之前在全局范围内声明了一个dataLayer变量，它将在页面会话期间保留这些变量

<script>
    dataLayer = [{
        pageCategory: 'signup',
        visitorType: 'high-value'
    }];
</script>
<!-- Google Tag Manager -->
<!-- End Google Tag Manager -->

需要记住的一些重要事项：

• 在整个页面上一致地使用变量约定很重要，如果您像上面所做的那样有多个人将事件排放写入GTM，则这尤其重要。 如果数据是另一面的混乱，它将无法提供价值
• 针对在何处以及如何报告更广泛的页面或会话数据（如上面的第二个示例）与零星事件（如第一个示例）进行策略比较。
• 在不知道您的特定用例的情况下，您的值名称似乎有点特定。 在某些用例中，特异性很重要，但请记住，“类别”之类的属性旨在与其他事件建立关联，因此它们需要具有一定程度的抽象性。

例如，请考虑以下内容。

{
    category: 'Fruit',
    action: 'buy',
    label: 'apple'
},
{
    category: 'Fruit',
    action: 'eat',
    label: 'pear'
}

希望这可以帮助！ 在下面添加了一些涵盖以上内容的资源，并进一步扩展了该主题。

资料来源：

https://developers.google.com/tag-manager/devguide https://support.google.com/analytics/answer/1033068?hl=zh_CN

Answer 2

按数据层跟踪可能是个好主意，但是有更简单的方法可以做到这一点。

首先，您需要启用gtm.click和gtm.linkclick。 只需创建这些触发器： 所有元素都单击并仅链接然后您可以看到单击要跟踪的按钮（使用GTM视图）时触发了哪种变量。 您还可以启用内置变量**单击文本**和**单击URL **并使用它们配置触发器。 单击文本，然后单击URL