概述
官网线索对接的操作说明。
开始之前
[!IMPORTANT]
使用有权访问本功能的账号。按下方步骤准备对应的业务数据或配置资料。
操作说明
营销通提供广告-官网-客服一体化的解决方案，相比于通过纷享开发平台的销售线索接口存线索数据，通过营销通对接官网线索不仅更便捷，还可追踪官网线索的来源信息，例如广告计划、关键词、落地页、来源页等。完整解决方案配置指南参考：https://help.fxiaoke.com/93d5/0c2a/96eb。以下对如何使用营销通对接官网线索做介绍。
在进行线索对接之前，需要确认在公司官网中已嵌入营销通网站追踪代码。
- 访问营销通-官网运营-立即接入官网，新建要接入的官网。
- 复制官网跟踪代码，由企业官网的运维人员安装到官网所需追踪的网站页面。（**注意：这里经常会出现问题，业务人员通常都会给出正式官网地址的埋码，而开发人员通过会在测试环境官网开发埋码，导致报错。**建议业务人员可以先和开发人员联系在后台绑定测试官网地址调通后，再绑定多一个正式官网。）
- 安装位置在页面 body 标签结束之前, 示例如下：
对接营销通表单
- 首先，针对需要在官网收集线索的字段，需要先在营销通官网运营-网站设置添加一个表单，用于收集官网线索。
- 完成表单添加后，需设置表单如何映射到 CRM 字段中。最终官网收集到的表单信息会通过该规则存入 CRM 中。
- 表单新建和设置完成后，点击嵌入官网，弹出嵌入官网配置。此时可设置嵌入样式和嵌入场景。
（1）嵌入场景：用户在官网查看表单时，选择嵌入场景的主要目的是为了记录用户最终的转化页地址。存在 3 种情况：
a.用户在页面中点击按钮，弹窗出现表单，直接在当前页填写提交表单，此时转化页即为用户点击按钮的当前页面。
b.在页面中直接嵌有表单，用户直接在当前页填写提交表单，此时转化页即为用户点击按钮的当前页面。
c.用户在页面中点击按钮，新开页面嵌有表单，此时转化页不是填写表单的页面，而是用户点击按钮时所在的页面。
（2）嵌入样式：当前客户官网的表单对接支持 2 种样式，如下图。
a.营销通表单样式：直接使用营销通表单，根据官网线索表单放置要求获取不同的表单嵌入代码安装到官网。以纷享销客为例，下图显示的表单即营销通表单直接嵌入官网页面。示例网址：https://www.fxiaoke.com/ap/reg/。
b.自定义表单样式：客户官网已设计了表单样式，可使用自己的表单样式，仅和营销通表单进行数据对接。
- 设置完成后，将对应的嵌入信息和帮助手册提供给开发人员，开发人员可通过营销通微页面 SDK 进行数据提交。
- 根据选择的嵌入样式和嵌入场景，提供以下对应的帮助指引内容给开发人员参考：
（1）嵌入样式选择营销通表单样式，嵌入场景选择点击按钮或延迟弹出表单。
- 该场景用动态嵌入，点击按钮出现表单，或者隔一段时间才显示表单；
- 嵌入示例如下：
参数说明：
id：容纳 iframe 的容器 id
src：嵌入表单的路径
style:'width:300px;height:400px' iframe 宽高，可根据页面大小调整
注意：需保证调用嵌入方法时容纳 iframe 的容器已经加载出来了。
（2）嵌入样式选择营销通表单样式，嵌入场景选择在转化页嵌入表单或在新开页面嵌入表单。
- 该场景使用 iframe 嵌入，适用于表单在官网页面平铺，进入页面就展示出来；
- 将 iframe 嵌入代码放置到页面要展示的位置即可， 根据页面展示需要可在 iframe 上添加 style 标签设置宽高样式，如：style=”width:300px;height:400px”；
- 嵌入示例如下：
（3）嵌入样式选择自定义表单样式。
该方式可使用表单 ID 调用营销通 SDK 获取字段描述、验证码及提交数据。
// 需要首先获取表单字段描述信息再往下操作（可以在控制台直接打印）
FsYxt.FormSDK.getFieldDescriptions({
formId: '表单ID',
success: function (res) {
console.log(res)
},
fail: function (res) {
console.log(res)
}
});
//获取省市区数据
FsYxt.FormSDK.getAreaData({
success: function (res) {
console.log(res)
},
fail: function (res) {
console.log(res)
}
});
//发送验证码
FsYxt.FormSDK.sendSMCode({
formId: '表单ID',
mobile: '手机号',
success: function (res) {
console.log(res)
},
fail: function (res) {
console.log(res)
}
});
//提交表单，验证码字段名为phoneVerifyCode
FsYxt.FormSDK.submitForm({
formId: '表单ID',
sceneType:0,//请替换表单中的具体值
data: {
"name": "测试",
"phone": "手机号码",
"phoneVerifyCode": "验证码",
// 单选示例
"singlechioce": "单选值",
// 多选示例 使用数组传值
"multipleChioces": ["val1","val2"]
},
success: function (res) {
console.log(res)
},
fail: function (res) {
alert(res.errMsg)
}
});
官网收集线索来源信息
最终收集到的来源信息会在线索上的营销推广来源查找关联对象上展现。
（1）基础信息：浏览器、IP 地址、客户端、落地页等。
（2）CTA 按钮：自动获取转化页中的 CTA 参数。例如下图：
（3）UTM 参数：广告计划、关键词信息，需要在投放官网时添加 utm 参数，例如官网在百度平台投放，见投放官网场景如何配置UTM参数。
广告数据回传对接
营销通微页面支持提交时，将提交事件回传给广告平台，用于后期广告优化。需要技术同学在官网调用以下代码，将广告给的回传 js，放入以下方法的执行 function 中，营销通表单提交后，会自动调用以下方法进行数据回传
FsYxt.on("onFormSubmit", function(){//...})
官网 Cookie 使用说明
对于需要在官网隐私政策中添加使用说明的 cookie 如下：
预期结果与验证
完成上述操作后，在对应页面检查处理结果，并与本步骤的目标核对。
常见问题与故障排除
无法继续操作时，先核对上文说明的条件和输入信息；遇到权限提示时，请管理员确认访问权限。