Free Learn

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

nextjs 14 1

Next.js app 폴더(13, 14 버전)에서 GA(gtag.js) 설정 방법

Next.js 13, 14 버전에서 GA(gtag.js) 설정하는 방법을 알아보겠습니다. 문제점 ga를 설정하려면 아래와 같은 가이드대로 GA_TRACKING_ID만 변경해서 코드에 추가하면 됩니다. 하지만 Next.js 13버전 부터는 app 폴더를 사용하게 되고 app 폴더는 SSR(Server Side Rendering)이 기본값이라 기존에 하던대로 추가하면 동작이 되지 않습니다. 설정방법 1. GA(gtag.js) 설정 코드 분리 개인마다 프로젝트 구조를 잡는 방식이 다르겠지만 저는 /src/context 폴더 안에 설정 파일을 모아놓습니다. 그래서 GA용으로 설정파일(GoogleAnalytics.tsx)을 추가했습니다. 그리고 파일 안에 아래와 같이 코딩했습니다. import Script fro..

프로그래밍/Frontend 2023.11.01
이전
1
다음
더보기
프로필사진

Free Learn

개발하면서 알게된 지식을 공유합니다.

  • 분류 전체보기 (17)
    • 프로그래밍 (15)
      • Frontend (4)
      • Backend (3)
      • IDE (5)
      • Etc (3)
    • Tools (1)

Tag

폴더 트리, Prettier 안될 때, nextjs 14, excalidraw, Prettier 설정, app 폴더, VSCode 폴더 트리 구조, 맥 git 셋팅, vscode, intellij, 이름 확인, 이미지 협업, 폴더 겹침 해제, 자바스크립트 for, 실시간 공유메모, 폴더 겹침 없애기, Next.js, live templates, 폴더 겹침, nextjs 13,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바