구글애널리틱스4 [React] Next.js 환경 구글 애널리틱스(GA) 적용 방법 # React + Next.js 환경 구글 애널리틱스(GA) 적용 방법 1) 단순 React 환경과 2) Next.js 환경에서 GA 적용 방법을 정리한다. GA4 기준으로 작성했다. 1) 단순 React 환경(CSR)에서 Google Analytics 적용 방법 1. GA 스크립트 복사 - 애널리틱스 홈 > 관리 > 데이터 스트림 > 웹: 사이트 클릭 > Google태그: 태그안내보기 > 직접설치 2. GA 스크립트 적용 - public/index.html 파일의 내부에 스크립트 적용 끝. 2) Next.js 환경에서 Google Analytics 적용 방법 Next.js 환경의 경우, 추가 작업이 필요하다. 다행히 Next.js 를 만든 Vercel에서 해당 방법을 제공한다. https://githu.. 2022. 9. 22. [구글애널리틱스] 기존 속성 삭제 방법 구글애널리틱스 속성을 잘못 만들었거나, 최신 버전(GA4)을 만들었다가, 기존버전으로 회귀하고 싶을 때 등등 기존에 만들어둔 속성을 제거하는 방법을 정리한다. (매우 간단) # 구글애널리틱스 속성 삭제 방법 : "관리 > 속성 > 속성설정 > 휴지통으로 이동 > 속성삭제" 0. 관리 메뉴 진입 1. "속성설정" 진입 2. "휴지통으로 이동" 클릭 3. "속성 삭제" 클릭 4. 메일 수신 : 이메일로 "구글 애널리틱스 속성" 삭제 안내 메일이 온다. : 일정기간이 지나고 영구 삭제 된다고 한다. 도움이 되시길 바랍니다. - 카레유 - 2021. 1. 18. [구글애널리틱스] 최신버전(GA4)의 추적코드 비노출 위치 확인 방법 구글애널리닉스가 2020년 말경에 새롭게 개편되면서, 화면도 바뀌고, 추적코드도 사라진 것처럼 미노출(?)된다. 이번 글에서는 "최신 구글 애너리리틱스"의 "추적 코드" 위치를 확인해본다. (부디 나처럼 당황하시는 분들이 없으시길 바라며...) (참고) [구글애널리틱스] 기존 구버전 속성 생성/사용 방법 # 최신 구글 애널리틱스의 추적ID 위치 새로운 구글애널리틱스 버전의 추적코드를 아래의 경로에서 찾을 수 있다. " 관리 > 계정 > 속성 > 데이터 스트림 > 서비스 선택 > 새로운 온페이지 태그 추가 " 1. 관리 2. 계정>속성> "데이터 스트림" 4. 서비스 선택 5. "새로운 온페이지 태그 추가" 확인 : 이 코드를 html의 head 부분에 삽입하면 된다. 추적코드의 위치를 찾지 못해 당황하는.. 2021. 1. 18. [구글애널리틱스] 기존 구버전 속성 생성/사용 방법 2020년 말경에 구글애널리틱스의 새로운 버전(GA4)가 나오면서, 그냥 만들면 GA4버전이 디폴트로 생성되는데, 아직 익숙하지 못해서 기존 버전을 사용하고 싶을 수 있다. 이번 글에서는 구버전의 구글애널리틱스 속성 생성 방법을 정리해 본다, (생각보다 아주 쉽다.) # 기존 구버전 구글애널리틱스 생성 방법 : " 관리 > 속성 만들기 > 고급옵션보기 > 유니버설 애너리틱스 속성 만들기 " 0. 관리 메뉴 진입 1. 속성만들기 : 필요에 따라 새로운 계정을 만들고 진행해도 된다. 2. "고급 옵션 보기" 선택 : 속성설정 화면에서 '속성이름'을 정하고, '고급옵션보기'를 클릭한다. 3. "유니버설 애널리틱스 속성 만들기" 스위치 켜기 4. 웹사이트 URL 입력 : http, https를 지정하고, 구글애.. 2021. 1. 18. 이전 1 다음
