如何追踪WP Avada主题下Avada Form的表单提交？

Avada Form本身没有内置GA追踪配置，你可以通过以下两种方法实现表单提交成功后的事件追踪：

方法一：利用Avada内置表单事件钩子 #

1. 进入WordPress后台，打开Avada主题的「选项」→「自定义代码」→「自定义JS」
2. 粘贴以下代码，替换其中的表单ID和名称为你实际的信息：

document.addEventListener('avada:form:submission-success', function(event) {
  // 可选：仅追踪指定表单，若要追踪所有表单可删除if判断
  const targetFormId = '123'; // 替换成你的表单ID（编辑表单时URL中的post=XXX数字）
  if (event.detail.formId === targetFormId) {
    // 发送GA4表单提交事件
    gtag('event', 'form_submit', {
      'form_name': '联系我们表单', // 自定义表单名称，方便GA后台识别
      'form_id': targetFormId
    });
  }
});

• 表单ID获取方式：编辑目标表单时，浏览器地址栏中的post=XXX里的数字就是表单ID；或者前端页面审查表单元素，找到fusion-form-XXX中的XXX数字。

方法二：通过表单提交后自定义内容触发 #

1. 编辑目标Avada Form，找到「提交设置」→「提交后动作」，选择「显示自定义内容」
2. 在自定义内容编辑框中插入以下代码，替换表单名称：

<script>
// 发送GA4表单提交事件
gtag('event', 'form_submit', {
  'form_name': '联系我们表单'
});
</script>

这种方式会在表单提交成功后立即触发事件，适合不需要区分多个表单的场景。

验证追踪是否生效 #

提交测试表单后，打开GA4后台的「实时」报告，在「事件」列表中查看是否出现form_submit事件，确认追踪正常工作。

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