在GTM/GA4中通过DataLayer自定义点击事件数据格式求助

实现步骤： #

• 创建自定义JavaScript变量
  在GTM后台新建变量，类型选择「自定义JavaScript」，粘贴以下代码：

  function() {
    if ({{Click Classes}} === 'elementor-item') {
      dataLayer.push({
        event: 'menu_click',
        comp_page: {
          position: 'Top Menu',
          main_category: {{Click Classes}},
          selected_category: {{Click URL}}
        }
      });
    }
  }
  

  注：{{Click Classes}}和{{Click URL}}是GTM内置变量，需提前在「内置变量」中开启「点击」类相关变量。

• 配置触发条件
  确保你的点击触发器仅作用于elementor-item类元素：

  • 触发器类型选择「点击 - 所有元素」
  • 触发条件添加：Click Classes 等于 elementor-item

• 创建自定义JS标签
  新建标签，类型选「自定义JavaScript」，直接使用上述函数代码；将触发条件设置为你配置好的elementor-item点击触发器。

• 测试验证
  开启GTM预览模式，点击目标菜单元素，在控制台查看DataLayer，确认是否生成了结构如下的事件：

  {
    event: 'menu_click',
    comp_page: {
      position: 'Top Menu',
      main_category: 'elementor-item',
      selected_category: '目标URL'
    }
  }
  

内容的提问来源于stack exchange，提问作者volumes