测量表单成功,而不是按钮点击
点击提交按钮、提交表单和完成处理是不同的事件。点击后仍可能发生验证错误、请求失败或服务器拒绝。Stats4U 提供自动联系类别、带标记的提交和明确的表单成功事件;选择哪一种,将决定报告实际表达的含义。
- 提交
- 应用结果
- 成功事件
只启用需要的测量
- 通过 我的计数器 打开自有计数器,再打开 仪表盘与工具 和 联系操作。
- 在 测量设置 中,启用 自动统计电话、电子邮件和下载点击 以测量对应的点击类别,或启用 统计已标记的表单提交和已确认的表单成功操作 以测量带标记的提交和已确认成功。
- 选择 保存,并确认网站使用了生成的 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 可使用其支持的邮件发送成功事件集成;通用表单则需要明确的应用成功信号。
同时检查成功和失败
- 在自有测试安装上,分别尝试有效提交和被应用拒绝的提交。只有已确认成功才应发送成功事件。
- 使用 测量调试工具 检查预期事件类别和名称是否会被接受,而不计入真实事件。
- 比较报告中生成的事件名称。提交次数大于成功次数可能提供有用线索,但并不能证明某个具体错误。
调试器检查接收条件,而不验证真实表单是否成功送达。应分别检查应用响应和正常跟踪请求。事件标签和诊断属性中不得包含姓名或表单内容。
下一步
在应用中添加成功调用前,先查看集成指南。
打开安装指南广告