GA4 이벤트 생성하기 - 버튼 클릭 이벤트 만들기1 : 구글 태그 매니저 삽입하기

디지털 마케팅

by 싫은밀 2023. 10. 12. 11:37

728x90

본 게시물은 패스트 캠퍼스 'GA4 완벽 탑재, 구글 애널리틱스 완전 정복 시그니처 패키지 Online' 강의 수강 및 정리용으로 작성되었습니다.

[GA4 완벽 탑재, 구글 애널리틱스 완전 정복 시그니처 패키지 Online. | 패스트캠퍼스

가장 최신의 구글 애널리틱스부터 루커스튜디오, 구글 애즈 등 구글 마케팅 툴 6종까지 한 번에! 계속 변화하는 구글 마케팅 플랫폼에 맞추어 무한 업데이트까지 약속합니다.

1.

먼저 Google에서 Google Tag Manager를 검색하고, 링크를 누른다.

2.

위와 같이 작성하고 만들기를 누르면 된다.

※ 컨테이너 이름은 가지고 있는 웹 사이트가 있다면 웹 사이트 URL 주소를 작성해도 된다.

이용 약관에 동의 여부를 묻는데 예를 누른다.

3.

그럼 위와 같은 창이 나타나게 되는데 이 팝업 창이 나타남으로써 구글 태그 매니저 계정과 그 계정에 달려있는 컨테이너를 만든 것이다.

4. 위의 코드들을 티스토리 블로그의 관리자 페이지에다 붙여 넣어야 한다.

주소창에 티스토리 메인페이지에 manage를 붙이면 티스토리 블로그 관리자 페이지에 접속 할 수 있다.

꾸미기 - 스킨편집을 클릭한다.

우측에서 스킨편집 - html 편집

이 html에 컨테이너를 하나씩 하나씩 붙여 넣으면 된다.

위처럼 복사하면 되는데

<head>의 최대한 위에 붙여야 하는데 관행상 Google Analytics 아래다 붙여넣으면 된다.

다음은 2번째 코드다.

여는 <body> 태그 바로 뒤에 코드를 붙여 넣어야 한다.

위처럼 붙여 넣는다.

우측 상단의 적용 버튼을 꼭 눌러준다.

5. 구글 태그 매니저 툴이 제대로 설치 되었는 지 확인을 도와주는 확장 프로그램을 다운로드하여보자.

chrome 웹 스토어로 접속하고,

스토어 검색에서 tag assistant를 검색한다.

Tag Assistant Legacy 선택

chrome에 추가 - 확장 프로그램 추가

6. Tag Assistant Legacy가 잘 작동되는지 확인하기 위해서 티스토리 메인 페이지로 이동한다.

티스토리 메인 페이지에서 우측 상단의 Tag Assistant Legacy 버튼을 눌러 Enable 버튼을 누른다.

Enable 버튼을 누른 후 새로고침을 하고 다시 Tag Assistant Legacy 버튼을 눌러보면 위와 같이 나온다.

구글과 관련된 툴이 정상적으로 잡힌다.

→ 구글 애널리틱스와 구글 태그 매니저가 정상적으로 설치되었다는 뜻이다.

→ 노란색 : 너 잘못 설치한 거 아니야? 이거 오류가 있을 수도 있어.

→ 빨간색 : 너 이거 확실히 잘못 설치했어! 데이터에 굉장히 치명적일 거야.

728x90

GA4이벤트 생성하기 - 버튼 클릭 이벤트 만들기 3 : 태그와 GA4연동하기 (0)	2023.10.16
GA4 이벤트 생성하기 - 버튼 클릭 이벤트 만들기2 : 구글 태그 매니저 인터페이스 파악하기 (0)	2023.10.13
UTM 정복하기 - 맞춤 채널 그룹의 주의점 (0)	2023.10.11
GA4 맞춤 채널 그룹 설정 하기 (0)	2023.10.10
광고 매체별 UTM 매개 변수 활용하기(네이버, 페이스북, 카카오) (0)	2023.10.10