给offer添加Facebook Pixel

众所周知,跑facebook广告的时候如果添加facebook pixel代码,会对facebook自动优化campaign很有帮助。跑出来的成效会比什么都不加要好。同时,搜集到的数据也可以用于制作相似受众,为以后的投放提供极大便利。

然而,在对于跑offer的我们来说,加像素是一道非常繁琐的手续。尤其是多账号操作,需要加多个不同像素的时候。针对这个问题我也咨询过业内很多人,也搜遍全网。大家加像素的方式也五花八门,有把像素写到html传到亚马逊s3的,有直接在联盟网站加的,就连facebook官方写的配合google tag manager的教学我都试了试。只不过里面哪没有一种办法既方便管理又高效。

我自己也不断尝试各种办法,甚至还试过pixel id传给联盟再回传回来,不过终究还是太复杂,放弃了。好在经过不断尝试,我找到一种自认为兼顾效率和方便管理的加像素方法,虽然初始配置有点复杂,但是一单配置好兼顾效率和效果,简直完美。

不过这里还是从最简单的配置开始,介绍三种不同的方法。

最简单直接的添加像素

这种方法最简单直接粗暴,就是把facebook提供的像素代码粘贴到联盟网站,像这样

facebook直接提供的像素代码如下,其中88888888就是账号的像素ID

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '88888888');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=88888888&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

ps.手机打开行号可能出现错位,请用大屏观看

然而这个代码有点长,而且是追踪Page View事件的代码,我们还需要修改一下。

首先第14-16行<noscript>这一段是给不支持js的浏览器准备的,没什么用可以删了。

其次,我们要加上购买事件,要在第12行后面加上事件代码。

fbq('track', 'Purchase', {currency: "USD", value: 30.00});

上面30是单个转化的金额,可以根据需要改成自己的,如果嫌麻烦,可以改成转化金额的参数,这里以cake举例

fbq('track', 'Purchase', {currency: "USD", value: #price#});

最后我们要添加多个账户的像素ID,这个很简单,直接在把11行这一段多复制几个即可,最终效果如下

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '77777777');
fbq('init', '88888888');
fbq('init', '99999999');
fbq('track', 'PageView');
fbq('track', 'Purchase', {currency: "USD", value: #price#});
</script>
<!-- End Facebook Pixel Code -->

然后把这些代码添加到联盟网站里,就可以在FB里收到回传的转化了。

这种办法简单粗暴,却有个明显的弊端,那就是在添加新的offer,使用新的账号时,需要反复在联盟网站操作,稍不留神就会因为删错或者加多导致整个代码不工作。这种像素添加方式适合单人操作的新手,几人合作的话,这种方式显然会导致低效和混乱,所以这里又有了第二种办法。

使用包含像素代码的文件

这种方式就是把上面那段像素代码放到一个html文件内,然后再在联盟网站用iframe引用这段代码。

因为需要添加的代码一样,所以可以让AM帮你把这段代码设置为全局代码

<iframe src="https://xxx.com/postback.html"
height="0" width="0" style="display:none;visibility:hidden"></iframe>

相对于第一种方法,这种办法的好处是不需要操作联盟网站,而且所有的facebook代码都在一个文件里,方便管理。这个方式适合人数不多的小团队,然而在实际操作中,仍然还有很大概率可能因为粗心导致整段代码不工作。

所以接下来我要隆重介绍我觉得堪称完美的方案

完美的添加facebook pixel

因为太完美了所以舍不得分享,本篇文章到此结束……

开个玩笑,大家别顺着网线追过来砍我啊~

因为这个方法需要设置的比较多,我打算另外写一篇重点介绍一下,等完成之后会把这段改了的

stay tuned

点赞 3

4 条评论

  1. aff114

    等大佬的终结解决方案

  2. ray

    虽然大佬还没教完美办法,但也算曲线救国能回传了,感谢!

  3. ray

    js动态获取pix可以吗,晃晃老师

  4. jackli

    赶紧更新吧……

发表评论

您的电子邮件地址不会被公开,必填项已用*标注。

相关推荐

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

给offer添加Facebook Pixel