GA4统计已填写表单字段：GTM事件未同步至GA的问题问询

1. 创建GTM数据层变量（捕获表单字段名） #

• 进入GTM后台，切换到「变量」面板，点击「新建」
• 变量类型选择「数据层变量」，数据层变量名称填form_field
• 保存变量，命名为「DLV - 表单字段名」（名称自定义，方便识别即可）

2. 配置GA4事件标签（发送事件到GA4） #

• 进入「标签」面板，点击「新建」，选择「Google Analytics: GA4事件」类型
• 填写核心配置：
  • 测量ID：输入你的GA4测量ID（格式如G-XXXXXXXXXX）
  • 事件名称：填写form_interaction（GA4事件名不支持空格，建议用下划线替代原dataLayer里的空格）
  • 事件参数：点击「添加参数」，参数名填form_field，参数值选择刚才创建的「DLV - 表单字段名」变量
• 保存标签，命名为「GA4 - 表单字段交互事件」

3. 配置自定义触发器（触发GA4标签） #

• 在GA4标签的配置页面，点击「触发器」→「添加触发器」→「新建」
• 触发器类型选择「自定义事件」，事件名称填form interaction（必须和dataLayer推送的event值完全一致，包括空格）
• 触发条件：默认选「所有页面」即可，若需精准触发，可添加页面URL匹配规则（比如匹配表单所在页面路径）
• 保存触发器，命名为「Trigger - 表单交互事件」

4. 验证与优化 #

• 开启GTM预览模式，在表单页面操作输入框，检查GA4标签是否正常触发
• 打开GA4「实时」报告，查看是否有form_interaction事件（实时数据可能延迟几秒，刷新等待即可）
• 若页面存在多个表单，建议修改原自定义HTML标签的代码，确保所有表单都能绑定事件：

  document.querySelectorAll('.Form').forEach(form => {
    form.addEventListener('change', function(e) {
        dataLayer.push({
            'event': 'form interaction',
            'form_field': e.target.getAttribute('name')
        });
    });
  });
  

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