点击Landingpage上的链接或按钮时如何触发Facebook Pixel

这是一份针对初来乍到Media Buyer的高级指南，同时本指南也适用于Facebook广告所使用的一些高级技术，用以帮助构建自定义受众，以及针对Facebook Campaign更好的Target技术。

假设你正在投放一个Campaign（diet, skin, lead gen, app installs, pin submits, 或eCommerce），你是否希望针对到达你Landingpage、并且点击了某个链接或填写过表单的用户进行优化。相较于针对所有用户进行优化，针对那些点击了某个链接的用户进行优化，你是否觉得会更好一些呢？

本文讲述的就是这种方法，它通过使用一小段javascript代码，从而分配自定义功能到你的链接或按钮。

Step #1：从Facebook广告管理器前端抓取Facebook Pixel代码。如果你不知道该怎么做，请阅读本指南。

<!-- 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', "1150734851629733"); // Insert your pixel ID here.
fbq('track', "PageView");
</script>
<noscript>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1150734851629733&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->

Step #2：我们需要添加一个自定义的javascript函数，他将会触发Facebook的Conversion Pixel。下面是我们必须添加到默认Facebook Pixel中的代码：

function iAmAttilasEvent() {
  //Grab those link clickers!
  window._fbq.push('track', 'AddToCart');
}

当以上步骤完成之后，我们必须将修改之后的Facebook Conversion Pixel代码粘贴到Landingpage的<head>标签中，代码如下图所示：

<!-- 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', "1150734851629733"); // Insert your pixel ID here.
fbq('track', "PageView");
 
function iAmAttilasEvent() {
    // Grab those link clickers!!
    window._fbq.push('track', 'AddToCart');
}
 
</script>
 
<noscript>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1150734851629733&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->

注意，你必须替换字符串1150734851629733为你自己的pixel ID

Step #3：接下来，我们需要向我们的Landingpage或按钮中的链接添加一些代码段，如下所示：

文字链接：

<a href="http://example.com" onclick="iAmAttilasEvent();">Text</a>

按钮：

<button onClick="iAmAttilasEvent();" />

按钮形式的链接：

<a href="javascript:iAmAttilasEvent();">Your Link Text</a>

现在，当你建立Facebook Campaign的时候，请务必选择ADD TO CART优化。这样每次有人点击你着陆页上的链接时，系统就会触发Facebook Pixel，而那些访问了你的Landingpage然后匆匆离开的用户则不会触发任何Pixel。

Via：iamattila

Related Posts