如何在GTM中区分同URL同CTA的两类表单确认事件

Alright, let's figure out how to track those two form CTAs separately in GTM even though they share the same URL and CTA ID. You mentioned two unique differences between the forms—we can leverage either of those to split the tracking events properly.

核心思路 #

We'll create custom variables in GTM to detect which form version is loaded, then use those variables to either split our triggers or dynamically adjust the event names sent to your analytics tool. This way, clicks from each form get categorized separately.

方法1：利用页面上的唯一内容识别表单版本 #

If one of the pages has a unique content snippet (like a specific text string, element class, or attribute), this is the most reliable approach since it's tied directly to the page structure.

1. 创建自定义JavaScript变量

   • 在GTM中进入「变量」>「新建」>「自定义JavaScript」，命名为Form Version (Unique Content)。
   • 写入检测唯一内容的代码，比如假设唯一内容在class为form-identifier的div中：

     function() {
       // 替换成你页面上实际的选择器和唯一内容判断逻辑
       const uniqueElement = document.querySelector('div.form-identifier');
       if (uniqueElement && uniqueElement.textContent.includes('此处内容唯一')) {
         return 'Form Version A';
       } else {
         return 'Form Version B';
       }
     }
     

2. 更新触发器或事件标签

   • 选项1（拆分触发器）：复制你现有的CTA点击触发器。第一个触发器添加条件：Form Version (Unique Content) equals Form Version A，第二个触发器设置条件为equals Form Version B，分别绑定到不同的事件标签（或同一标签但设置不同事件名）。
   • 选项2（动态事件名）：保留单个触发器，在事件标签中将「事件名称」设为动态值，比如form_cta_click - {{Form Version (Unique Content)}}，这样会向分析工具发送form_cta_click - Form Version A和form_cta_click - Form Version B这类区分后的事件。

方法2：利用脚本中的Comparator变量识别 #

如果var comparator = new Comparator();是其中一个表单独有的脚本，我们可以检测这个全局变量来识别版本。

1. 创建自定义JavaScript变量

   • 新建一个自定义JavaScript变量，命名为Form Version (Comparator)。
   • 写入检测comparator变量的代码（根据你提到的comparator.i等属性调整判断逻辑）：

     function() {
       // 检测全局作用域下是否存在comparator变量
       if (window.comparator && typeof window.comparator === 'object') {
         // 针对你提到的特定属性做判断，比如comparator.i
         if (window.comparator.i) { // 替换为实际要检查的属性
           return 'Form Version X';
         } else {
           return 'Form Version Y';
         }
       } else {
         // 不存在该变量时返回另一个版本
         return 'Form Version Y';
       }
     }
     

   注意：只有当comparator是全局变量时这个方法才有效，如果它被包裹在闭包（表单脚本的私有作用域）里，就没法检测到——这种情况建议优先用方法1。

2. 关联到触发器/事件标签

   • 和方法1的步骤一致：要么用变量作为条件拆分触发器，要么用它设置动态事件名。

快速测试建议 #

• 用GTM的预览模式分别打开两个表单页面，查看「变量」标签确认自定义变量返回了正确的版本名称。
• 点击CTA后，通过Tag Assistant验证发送的事件是否带有区分版本的名称或参数。

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