jineecode

SPA 환경에서 구글 태그 관리자 넣기 본문

JS/react

SPA 환경에서 구글 태그 관리자 넣기

지니코딩 2021. 9. 1. 11:23

https://www.analyticsmania.com/post/single-page-web-app-with-google-tag-manager/

 

Track Single Page Web App with Google Analytics 4 and Google Tag Manager

Learn how to track Single Page Web App with Google Tag Manager (or Single Page Website), and send that pageview data to Google Analytics.

www.analyticsmania.com

https://marketology.co.kr/all-category/tag-manager/%EA%B5%AC%EA%B8%80-%ED%83%9C%EA%B7%B8-%EA%B4%80%EB%A6%AC%EC%9E%90-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%82%AC%EC%9A%A9%EB%B2%95/

 

구글 태그 관리자 설치 및 사용법

최근 구글 태그 관리자 사용에 대한 문의가 점점 많아지는데요 이 게시물에서는 가장 기본 단계인 GTM 계정 생성과 구글 애널리틱스 기본 추적 설정에 대해 안내 드리도록 하겠습니다. 클릭 이벤

marketology.co.kr

참고가 된 사이트

 


GTM(구글 태그 매니저) 계정을 등록한 뒤에 우측 상단의 GTM-~ 을 누르면 삽입할 수 있는 태그가 나옵니다.

<head>에 넣는 태그, <body>에 넣는 태그가 나오는데, 이것들을 public/index.html 에 각각 넣어줍니다.

 

구글 애널리틱스와 연결하는 방법은, '구글 애널리틱스'에서

왼쪽 하단 톱니바퀴 > 계정 액세스 관리 > 데이터 스트림 > 측정 ID 확인

 

 

 

 

 

 

 

구글 태그 매니저 :

태그 > 새로 만들기 > 태그 구성 > Google 애널리틱스: GA4 구성 > 측정 ID 에 아까 복사한 측정 ID를 붙여넣고 저장합니다.

 

 

그럼 구글 태그 매니저와 구글 애널리틱스가 서로 연동되어 데이터가 집계됩니다.

 

 

'JS > react' 카테고리의 다른 글

concat 활용하기  (0) 2021.11.08
react 위에서 i18next 적용하기  (0) 2021.09.01
React Native 기본 원리  (0) 2021.06.19
import, export  (0) 2021.05.28
useEffect hooks with axios cannot read property of undefined  (0) 2021.05.13
Comments