联系支持

我们通过电子邮件回复,通常两天内。

为防止滥用,Google reCAPTCHA 会检查这次提交,其间会向 Google 传输数据。脚本只在此表单打开时才加载。

← 全部文章

测量表单成功,而不是按钮点击

点击提交按钮、提交表单和完成处理是不同的事件。点击后仍可能发生验证错误、请求失败或服务器拒绝。Stats4U 提供自动联系类别、带标记的提交和明确的表单成功事件;选择哪一种,将决定报告实际表达的含义。

123
  1. 提交
  2. 应用结果
  3. 成功事件

只启用需要的测量

  1. 通过 我的计数器 打开自有计数器,再打开 仪表盘与工具 和 联系操作。
  2. 在 测量设置 中,启用 自动统计电话、电子邮件和下载点击 以测量对应的点击类别,或启用 统计已标记的表单提交和已确认的表单成功操作 以测量带标记的提交和已确认成功。
  3. 选择 保存,并确认网站使用了生成的 JavaScript 集成。

自动联系类别使用 contact-email、contact-phone 和 download 等操作名称。它们表示点击,而非邮件已送达、电话已接通或下载已完成。事件不会发送地址、电话号码或表单字段内容。

标记表单提交

为表单元素添加稳定且不含个人信息的表单名称。名称应描述用途,而不是标识访客。以下示例为联系表单添加标记:

<form data-s4u-form="contact">
  <!-- Existing form controls and submission handling -->
</form>

当浏览器提交表单时,此标记会产生 form-submitted-contact。它不能证明服务器已接受或处理表单。应保留表单现有的验证和处理代码;添加测量标记不会实现表单处理。

在实际成功点确认成功

对于自定义表单,只有在应用确认处理成功后才调用成功函数。收到 HTTP 响应、按钮点击或 fetch Promise 完成,单独来看都不充分:应用必须解析自身的服务器响应和错误状态。

if (window.s4u && typeof window.s4u.formSuccess === 'function') {
  window.s4u.formSuccess('contact');
}

在启用表单测量且跟踪器可用时,此调用会产生 form-success-contact。应将其放在现有的已确认成功分支中,不要放在请求之前,也不要放在无条件执行的完成处理程序中。Contact Form 7 可使用其支持的邮件发送成功事件集成;通用表单则需要明确的应用成功信号。

同时检查成功和失败

  1. 在自有测试安装上,分别尝试有效提交和被应用拒绝的提交。只有已确认成功才应发送成功事件。
  2. 使用 测量调试工具 检查预期事件类别和名称是否会被接受,而不计入真实事件。
  3. 比较报告中生成的事件名称。提交次数大于成功次数可能提供有用线索,但并不能证明某个具体错误。

调试器检查接收条件,而不验证真实表单是否成功送达。应分别检查应用响应和正常跟踪请求。事件标签和诊断属性中不得包含姓名或表单内容。

下一步

在应用中添加成功调用前,先查看集成指南。

打开安装指南
广告