追踪事件

t
Last updated 3 months ago

大部分用户推广的目的,是希望获得转化。举例,比如我们在推广CPS类的offer。我们推广的最终目的,就是希望用户购买。但是用户在产生购买事件之前,还有产生很多前置事件,比如说,访问产品列表页、访问产品详情、添加购物车、注册账号、登录、提交订单、支付。而这些事件,是按倒金字塔的模式依次减少,如果仅跟踪最后一步的支付,判断黑白名单的成本会大大提高。但是,如果对这些前置事件进行监控,则能大大降低黑白名单成本,并能非常可靠的提升黑白名单的准确性。我们新建事件后,可以对访客每个事件进行跟踪,可以很清晰的计算出,网站总流量中产生某个事件的比例,以及每个事件的花费。基于这些数据产生的黑白名单,将直接与转化挂钩。

使用事件需要略微懂得使用JS。

新增事件

Afilter Tracker 菜单内,点击 新建 -> 事件即可新建事件,目前我们支持10个事件。您可以依据您的需求,对事件进行绑定。绑定后,可以在报表页面看到事件的详细报告,否则将自动隐藏事件。另外,只有对事件进行绑定后,才可以在过滤规则内增加对事件的判断。

回传接口

接口地址为:

https://您绑定的域名/p/events

使用POST方式请求,参数为 et,类型为int,范围为1-10

事件回传 抽奖例子

举例我们在上一步已经绑定 Event 1事件为 “点击抽奖按钮” 。我们将在用户进行该事件时,通过js传递该事件。

在这个例子中,我们将向 https://您绑定的域名/p/events 通过 POST 方式提交参数 et=1

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>事件测试</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
function test(){
$.ajax({
type: "POST",
url: "https://您绑定的域名/p/events",
data: {"et":1},
xhrFields: {withCredentials: true},
crossDomain: true,
});
}
</script>
</head>
<body>
<input type="submit" name="Submit" value="抽奖" onclick="test();">
</body>
</html>

事件回传 链接点击例子

请务必设置链接打开方式为“新窗口打开”,否则无法回传事件。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Afilter Tracker 链接点击例子</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
document.addEventListener('click', function (event) {
if (!event.target.matches('a')) return;
$.ajax({
type: "POST",
url: "https://您绑定的域名/p/events",
data: {"et":1},
xhrFields: {withCredentials: true},
crossDomain: true,
async : true,
});
}, false);
</script>
</head>
<body>
<a href="https://afiltertracker.com/" target="_blank"> Afilter Tracker </a>
</body>
</html>

事件回传 广告点击例子

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Afilter Tracker Google 广告点击追踪演示</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
var isOverGoogleAd = false;
var ad = /adsbygoogle/;
$(document).ready(function()
{
$('ins').on('mouseover', function () {
if(ad.test($(this).attr('class'))){
isOverGoogleAd = true;
}
});
$('ins').on('mouseout', function () {
if(ad.test($(this).attr('class'))){
isOverGoogleAd = false;
}
});
});
$(window).blur(function(e){
if(isOverGoogleAd){
$.ajax({
type: "POST",
url: "https://您绑定的域名/p/events",
data: {"et":1},
xhrFields: {withCredentials: true},
crossDomain: true,
});
}
});
</script>
</head>
<body>
<script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<!-- qym -->
<ins class='adsbygoogle'
style='display:inline-block;width:970px;height:90px'
data-ad-client='ca-pub-111111111111111'
data-ad-slot='1111111111'></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>