Nuxt3 구글 애널리틱스, 애드센스 등록 방법 Analytics, Adsense

2024. 7. 22. 16:41·프로그래밍 일기/Front-End
반응형
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
'프로그래밍 일기/Front-End' 카테고리의 다른 글
  • Vue3 Nuxt3 AG Grid 사용 방법
  • nuxt 폴더구조
  • node 버전 변경 nvm 설치
  • [Nuxt3] BootStrap 부트스트랩 css, js 적용
MakeMe
MakeMe
제가 포스팅한 글 중 잘못된 부분이 있으면 알려주세요!
  • MakeMe
    Developer blog
    MakeMe
    • 모든 글 (71)
      • 프로그래밍 일기 (57)
        • Java & Spring (21)
        • Python & Flask (3)
        • Linux (12)
        • Front-End (10)
        • DB & SQL (6)
        • Git (3)
        • IDE (2)
      • 자격증 (7)
        • 정보처리기능사 (2)
        • SQLD (1)
        • SW개발_L5 (1)
        • AWS (3)
      • 독립일기 (7)
        • 중소기업청년대출 (7)
  • 인기 글

  • 태그

    DBeaver
    중기청필요서류
    스프링부트
    flask
    flask 세팅
    psql
    IntelliJ
    젠킨스 자동 배포
    자바
    스프링
    중기청필수서류
    자동배포설정
    AWS
    Spring
    Vue
    자바환경변수
    넉스트
    젠킨스 우분투 설치
    중기청후기
    nuxt
    중기청서류
    nuxt3
    인텔리제이
    DB
    springboot
    중소기업청년대출
    건강보험자격득실확인서
    고용보험내역서
    MYSQL
    java
  • hELLO· Designed By정상우.v4.10.1
MakeMe
Nuxt3 구글 애널리틱스, 애드센스 등록 방법 Analytics, Adsense
상단으로

티스토리툴바