반응형
npx nuxi@latest module add gtag
또는
npm install nuxt-gtag
# nuxt.config.ts
export default defineNuxtConfig({
modules: ['nuxt-gtag'],
gtag: {
id: process.env.GOOGLE_ANALYTICS_ID
},
app: {
head: {
script: [
{
hid: 'adsense',
async: true,
src: `https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${process.env.GOOGLE_ADSENSE_ID}`,
crossorigin: 'anonymous'
}
]
}
}
})
# .env
GOOGLE_ANALYTICS_ID=G-12345678
GOOGLE_ADSENSE_ID=ca-pub-12345678
이와 같이 등록하면 정상적으로 작동 합니다.
반응형
'프로그래밍 일기 > Front-End' 카테고리의 다른 글
Vue3 Nuxt3 AG Grid 사용 방법 (0) | 2024.12.10 |
---|---|
nuxt 폴더구조 (0) | 2024.06.05 |
node 버전 변경 nvm 설치 (0) | 2024.01.26 |
[Nuxt3] BootStrap 부트스트랩 css, js 적용 (0) | 2023.07.30 |
Nuxt3 vue3 formData 다중 파일 업로드, 파라미터 전달 (0) | 2023.07.12 |