프론트엔드/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