Afilter Tracker结合wordpress获取谷歌Adsense广告点击事件设置步骤

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交流，感谢各位的支持。

本文由三分醉博客原创，转载请注明：https://www.sanfenzui.com/get-adsense-code-click-events-through-afilter-tracker.html

文章同步更新在知乎：三分醉 - 知乎