如何通过JavaScript获取GTM中GA4自定义事件的名称

你的核心问题是当前标签的触发逻辑和事件捕获方式有误，导致只能抓到GTM内置事件，无法获取add_to_cart、checkout这类自定义事件。以下是具体解决方法：

1. 调整标签的触发条件 #

不要使用通用触发规则（比如All Pages、GTM内置事件触发），要针对自定义事件创建专属触发器：

• 在GTM后台新建触发器，选择「自定义事件」类型
• 事件名称填写目标自定义事件名（比如add_to_cart）；如果需要捕获所有自定义事件，可以创建触发器组，把所有自定义事件触发器加入其中
• 确保触发器仅在目标自定义事件触发时激活标签

2. 优化事件捕获代码 #

使用GTM内置变量{{Event}}直接获取当前触发的事件名，避免通过dataLayer.slice(-1)取最后一条事件（容易拿到GTM后续生成的内置事件）。同时可过滤GTM内置事件，只记录自定义事件：

<script>
  // 从GTM内置变量获取当前触发的事件名
  var currentEvent = {{Event}};
  // 初始化事件历史数组
  var eventHistory = JSON.parse(localStorage.getItem("eventHistory")) || [];
  
  // 定义需要过滤的GTM内置事件列表
  var gtmInternalEvents = ["gtm.click", "gtm.scrollDepth", "gtm.dom", "gtm.load", "gtm.init"];
  // 仅记录非内置的自定义事件
  if (!gtmInternalEvents.includes(currentEvent)) {
    eventHistory.push(currentEvent);
    localStorage.setItem("eventHistory", JSON.stringify(eventHistory));
    console.log("已记录自定义事件:", currentEvent);
  }
</script>

注意：需要先在GTM的「变量」设置中启用内置变量「Event」（在内置变量列表里勾选即可）。

3. 调试验证 #

• 开启GTM预览模式（Preview），触发自定义事件（比如点击加入购物车按钮）
• 查看控制台日志，确认currentEvent是否为目标自定义事件名
• 检查localStorage中的eventHistory数组，验证事件是否被正确存储

如果你的自定义事件是通过GTM的「GA4事件」标签发送的，确保该GA4标签和记录事件的标签使用相同的触发条件，这样两者会在同一事件触发时执行，保证事件名捕获准确。

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