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)
  • 인기 글

  • 태그

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

티스토리툴바