如何在 NuxtJs 上导入 Facebook Pixel

Question

我需要在 NuxtJs 中导入 Facebook Pixel 代码。

Answer 1

您可以在静态存储库中创建一个文件：pixel.js，其内容由 facebook 提供：

!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', 'XXYOUR CODEXX')
    fbq('track', 'PageView')

（我没有在 Nuxt 中使用完全基于 javascript 的 noscript 标签）

然后在 nuxt.conf.js 文件中，添加以下几行：

script:[      
            {src:'pixel.js', type: 'text/javascript'}
        ]