在index.jade文件中使用Facebook Pixel代码

时间:2017-02-27 19:03:18

标签: html angularjs pixel jadeify

我尝试将以下代码添加到我的网站。问题是Facebook Pixel要求您使用.html文件,而该网站正在使用.jade

想知道如何实现代码。作为参考,这是一个单页应用程序,使用angularjs,并在index.jade文件中加载脚本

    <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', '1334448426669891'); // 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=1334448426669891&ev=PageView&noscript=1"
/></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->

1 个答案:

答案 0 :(得分:1)

没有区别。最终得到的是一个html文件 - jade刚刚编译成html。因此,紧跟在最后一个body元素之后(或在head部分中)的以下代码块将执行此操作

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

您还可以将js代码放在一个单独的文件中,并将其包含在index.jade文件中(假设该文件名为facebookCode.js):

script(src='facebookCode.js')