为保护客户隐私，本次按钮马赛克了文案，隐藏了整个引导页的流程。
本次案例中，经过查看引导页，我们定义3个与转化相关的事件，点击“好”（事件1）、点击“我同意”（事件2）、以及复制微信（事件3）。
如果要追踪事件，请先在 Afilter Tracker 内绑定事件。
先看，点击“好”事件。
我们可以看到这个按钮对应的函数是
PopUp
我们查看下该函数对应的代码：
<script>
function PopUp(hideOrshow) {
if (hideOrshow == 'hide') document.getElementById('popup-wrapper').style.display = "none";
else document.getElementById('popup-wrapper').removeAttribute('style'); }
</script>
在该代码里面增加事件回调的函数，修改后的代码
<script>
function PopUp(hideOrshow) {
if (hideOrshow == 'hide')
document.getElementById('popup-wrapper').style.display = "none";
else
document.getElementById('popup-wrapper').removeAttribute('style');
$.ajax({
type: "POST",
url: "https://替换为你的域名/p/events",
data: {"et":1},
xhrFields: {withCredentials: true},
crossDomain: true,
});
}
</script>
现在，看点击“我同意”事件
我们看到，点击事件是“exit=false”，不是对应函数。但是经过读源码可知，functions.js 文件中，监控了 id 为 final_click 这个元素的点击事件。代码如下：
$('#final_click').click(function(){
printFImage('final');
$("#final").hide(0, function(){
$("#result, #v55, #results-header").fadeIn().focus();
});
$("html, body").animate({
scrollTop: 0
}, "fast");
})
修改该代码为：
$('#final_click').click(function(){
printFImage('final');
$("#final").hide(0, function(){
$("#result, #v55, #results-header").fadeIn().focus();
});
$("html, body").animate({
scrollTop: 0
}, "fast");
$.ajax({
type: "POST",
url: "https://替换为你的域名/p/events",
data: {"et":2},
xhrFields: {withCredentials: true},
crossDomain: true,
});
})
现在我们来看“复制微信”事件
同样不是函数，经过阅读代码可知，事件的代码为：
var clipboard = new ClipboardJS('.wechat_account_copy');
clipboard.on('success', function(e) {
alert('微信号复制成功，进入微信后添加朋友处复制我哦！');
e.clearSelection();
window.location.href="weixin://";
});
代码修改为：
var clipboard = new ClipboardJS('.wechat_account_copy');
clipboard.on('success', function(e) {
alert('微信号复制成功，进入微信后添加朋友处复制我哦！');
e.clearSelection();
$.ajax({
type: "POST",
url: "https://替换为你的域名/p/events",
data: {"et":3},
xhrFields: {withCredentials: true},
crossDomain: true,
success: function (result) {
window.location.href="weixin://";
},
});
});
以上即可完成整个引导页事件的对接。
参考资料：
欢迎加入 Afilter Tracker 交流群：623607
郁闷