表单提交成功埋码指南
最后更新时间:2019.12.25
综述
oCPC JS SDK 分为基础代码和表单提交成功代码,只需要在有表单提交成功转化行为的转化页面上,同时安装基础代码和表单提交成功代码。
若点击广告后直接到达的推广页面上有表单提交成功转化行为,需要在推广页面上同时安装基础代码和表单提交成功代码。
若点击广告后直接到达的推广页面上没有表单提交成功转化行为,但推广页面上进行点击或者其他交互后会跳转到的新页面上有表单提交成功转化行为,则推广页面不需要进行基础代码和表单提交成功代码安装,转化页面需要同时安装基础代码和表单提交成功代码。
获取代码
表单提交成功埋码依赖基础代码的成功安装,请在完成了基础代码的安装(安装流程见基础代码埋码指南)后再继续表单提交成功代码的安装
表单提交成功代码
window._agl && window._agl.push(['track', ['success', {t: 3}]])
如果同一个页面,之前已经进行过一个推广产品的表单提交成功埋码,再接入另一个推广产品时,如果还是表单提交成功转化类型,不在需要重新埋码。
表单提交成功代码埋码位置
没有通用的埋码位置,需要根据网页的业务和代码逻辑,将表单提交成功代码放在页面完成表单提交成功后会执行的 JS 代码块中。
举例
常见的表单提交成功页面业务行为为:页面上展现出一个表单,用户需要按要求填写必填项,之后点击提交。
该场景的前端实现可能会有很多种,常见的做法为,对提交按钮绑定点击事件,在点击事件的回调中,验证表单内容是否填写完整和正确,前端确定没问题后,触发一个 AJAX 请求,将表单内容提交给服务端处理。
上述的一个简单 jQuery 实现以及埋码示例如下:
验证埋码是否成功
验证基础代码是否埋码成功
基础代码是否安装成功请参照基础代码埋码指南中的「验证基础代码是否安装成功」部分
验证表单提交成功代码是否埋码
该验证只能确定是否进行表单提交成功代码埋码,不一定说明表单提交成功代码埋码正确,对埋码正确与否的判断请参考后述验证方法。
该验证非技术同学也可以按照下述步骤独立进行。
首先请参考基础代码埋码指南中的「验证基础代码是否安装成功」的 1 - 7 步进行操作,然后:
- 点击上图中「7」处按钮
- 点击上图中「8」处的「Search」或者「搜索」
- 在上图「9」处的输入框中输入「agl.push」,并回车
- 确定下面的搜索结果中有上图「10」处的表单提交成功埋码,即「window._agl && window._agl.push(['track', ['success', {t: 3}]])」,有可能直接搜索出来的内容中没有直接高亮显示,需要左右滚动一下搜索结果确定。
注意,该流程只能验证表单提交成功代码是否埋码,不一定说明表单提交成功代码一定埋码成功,但表单提交成功代码埋码肯定是埋码成功的前提,可供非技术同学初步判断页面是否埋码。
验证表单提交成功代码是否埋码正确
该验证推荐技术同学操作。
可以找到对应的表单提交成功代码埋码位置,在对应埋码位置打断点,并在页面上实际触发一次表单提交,确定表单提交成功代码在表单提交之后会被执行。
注意具体的断点位置,需要在表单提交成功代码一行,确保断点行会被执行。
以上述简单的表单 jQuery 提交实现示例如下: