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

Question

我正在尝试将下面的代码添加到我的网站。问题是Facebook像素要求您使用.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 -->

Answer 1

没有区别。最终提供的是HTML文件 - Jade只是被汇编为HTML。因此，在您的最后一个主体元素（或"头部"部分中）之后的以下代码块将进行

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')