프론트엔드/Nuxt

nuxt에 구글애널리틱스, 메타픽셀 삽입하는법 #facebook #google

짱구를왜말려? 2023. 5. 30. 02:12
반응형
SMALL

@ default.vue

<template>
    <div id="app">
        <header-vue />

        <Nuxt />

        <pop />

        <footer-vue />
    </div>

</template>
<script>


export default {


    head() {
        return {
            link: [
               ...
            ],
            script: [
                {
                    hid: 'google-analytics',
                    src: 'https://www.googletagmanager.com/gtag/js?id=G-TKZPMZHHYV',
                    defer: true
                },
                {
                    hid: 'facebook-pixel',
                    innerHTML: `
          !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', '1329451057919989');
          fbq('track', 'PageView');
        `,
                    defer: true
                }
            ],
            __dangerouslyDisableSanitizers: ['script']

        }
    },

}
</script>
LIST