Google标记管理器不注册单击事件。

Question

我正在尝试为GTM中的GA4分析中的某个按钮设置一个单击事件，但该事件不会在预览中触发。

按钮有一个特定的ID。我可以看到DOM中的ID，我可以看到那个gtm.element包含API调用中的ID。，但是调试信息显示单击ID不匹配。。

我已经与我的前端开发人员测试过事件单击事件是通过DOM传播的。在一个简单的图像上，我以正确注册单击事件的方式设置了click事件。

任何关于如何解决这个问题的洞察力都会受到极大的赞赏。

Answer 1

你的截图。看起来GTM检测到点击是在您想要的按钮内的<span>上触发的。

在这种情况下。我建议使用click element作为触发器。

​

​

这是选择器

button#ga_welcome_start_print_job, button#ga_welcome_start_print_job *

这意味着我们想要跟踪单击按钮和其中的所有元素。

Answer 2

在具有id属性的属性中包装文本。在GTM中创建一个自定义变量，类型为“自动事件变量”->变量type = Element ID，然后将其赋值给标记。

我也有过类似的情况。我正在使用React的Button，我注意到id属性实际上并没有分配给GA4的elementId。我的猜测是id属性没有“冒泡”，或者在与GA4冲突的MUI中进行处理。总之，我刚刚开始使用分析，所以我做了些什么来让它起作用。

我有一个MUI按钮和下面的设置

    <Button
      id='location-filter-tag' 
      className='reco-filter-button'
      variant={searchState === 'cumulative' ? "contained" : "text"}
      size="small"
      onClick={() => {
        setQueryType('cumulative');
      }}
    > 
    <h6 className="some-class"> 
       Location 
    </h6> 
    </Button>

检查下面的push事件gtm.click，您可以看到id='location-filter-tag'被连接成一个大字符串。在gtm.element下。

​

​

当时，gtm.elementId是一个空字符串(图像是工作实例)。

我试图连接到gtm.element，并使用using =location标记触发标记，但这不起作用。因此，我将id属性移动到子属性，以便将其注册到GA4 4的gtm.elementId中。

      <h6 
        id='location-filter-tag' 
        className="text-overflow reco-filter-text"
      >

然后，在google标记管理器中，我设置了如下所示的变量：

​

​

然后我给它分配了一个触发器。这是我的位置触发器

​

​

希望这能帮上忙。