Afilter Tracker简介

最近一直在用Afilter Tracker来跑offer，工具本身可以对谷歌Adsense广告点击事件进行统计，方便更好的优化我们的站，所以写下文章记录一下，方便自己后续查看也希望能跟做这方面的小伙伴更多的交流。

具体设置

1. 对于不跑offer，只做Adsense的小伙伴，我来说下如何设置广告被点击的时候回传的事件，通过这个能更好的对流量源的子渠道进行判断，从而设定规则，确定黑白名单。
2. 编辑wordpress主题模板里的header.php，也就是博客的头部文件。这里我以wordpress新版安装后默认的twentyseventeen这个模板为例，具体大家使用的博客模板都在/wp-content/themes这个文件夹里，找到自己正在使用的进行编辑，而不是跟我一样是twentyseventeen。
   
   打开文件，在</head>之前填写如下代码：

<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://你在at后台绑定的追踪域名/"+"/p/events",
                    data: {"et":4},
                    xhrFields: {withCredentials: true},
                    crossDomain: true,
                });
            }
        });
    </script>

上面代码有两处需要进行更改，一个是替换你在Afilter Tracker后台绑定的追踪域名，这个域名绑定可以看我之前的文章https://bid.actor/?thread-188.htm。
一个是data: {"et":4},
这个数字是4，我是使用事件4作为在AT后台接收事件，这个不做限定，大家看自己的10个事件哪个是空闲的就可以了，替换成对应的数字。添加事件请看wiki里，有详细讲解https://tracker.wiki/afilter-tracker/jin-jie/zhui-zong-shi-jian。
3. 这个的原理就是当你Adsense广告代码被点击的时候，广告代码里面的adsbygoogle这个class的点击事件，会触发我们添加的js脚本，脚本会把我设置的事件4传回到Afilter Tracker，从而在推广计划的详细报表里显示出来。

结语

本文以wordpress为例，如果是其他静态博客就编辑每个htm/html文件把代码放到</head>上面即可，如果是其他cms程序这个就需要自己找对应模板的header了。
欢迎留言或qq交流，感谢各位的支持。

本文由三分醉博客原创，转载请注明：Afilter Tracker结合wordpress获取谷歌Adsense广告点击事件设置步骤 – 三分醉博客
文章同步更新在知乎：https://www.zhihu.com/people/sanfenzui