给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

有问题？想互动？快来USD.FAN找我吧