Google anaytics event track not working google tag manager

Question

hi i want to track click on button in website for that i added google analytic code in head.

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

and created a goal with event

now i added script in my footer to track on click button.

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

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

});

but its not working at all.

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

Answer 2

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

首先，您需要启用gtm.click和gtm.linkclick。只需创建这些触发器： all elements click and links only 然后，当您单击要尝试跟踪的按钮（使用GTM视图）时，您可以看到触发了哪种变量。 您还可以启用内置变量**单击文本**和**单击URL **并使用它们配置触发器。 click on text and click on url