구글 태그 관리자(Google Tag Manager, GTM)를 통해 내 웹사이트(블로그 등)에 구글애널리틱스(GA) 태그 설치(연동) 하는 방법

지난 포스팅에서 구글 애널리틱스 4 (GA4) 추적코드를 웹사이트( 블로그 등)에 연동(설치) 하는 방법 중에 소스 코드에 직접 GA 태그를 추가하는 방법에 대해 알아보았습니다.  이번 포스팅에서는 구글 태그 관리자 웹사이트를 통해서 GA태그를 추가하는 방법에 대해 알아봅니다.

구글 태그관리자는 기본 태그 템플릿과 맞춤 HTML 태그 두 가지의 태그 유형이 있습니다. 구글 애널리틱스, 구글애즈, 옵티마이즈와 같은 구글 서비스와 크리테오, 트위터, 핫자 등 많은 서비스에 대해 기본 태그 템플릿이 제공되고 있습니다. 

그럼 구글 태그 관리자 웹사이트에 계정생서도 했는데 이제 뭘 어떻게 해야하는 걸까? 어떻게 써먹는거야? 라는 궁금증이 생기죠?  구글 태그 관리자의 태그 설치 프로세스를 알면 이해도가 올라옵니다.

구글 태그 관리자 설치 프로세스

다음과 같은 순서로 설치 작업을 진행합니다.

1. 태그 생성

새로만들기 버튼을 눌러서 태그를 추가

2. 트리거 지정

태그를 실행시키는 트리거를 지정

3. 테스트

미리보기 기능을 통새 생성한 태그를 테스트

4. 게시

새로운 컨테이너 버전 생 및 게시

구글 애널리틱스(GA) 태그 설치하는 방법

다음 예시는 구글 블로그에 구글 태그 관리자를 이용하여 GA 태그를 설치하는 과정을 보여주는 예입니다.

1. 구글 태그 관리자 웹사이트에 로그인 후 "작업공간" 탭에서 왼쪽 메뉴중에 "태그"를 클릭 후 " 새로 만들기" 버튼을 클릭합니다.

2. "태그 이름"을 지정합니다. 저자는 "애널리틱스_기본"으로 이름을 지정했어요.

3. "태그 구성" 버튼 클릭합니다.

4. 태그 유형 선택하기 : ‘Google 애널리틱스: GA4구성’을 선택합니다.

5. 측정ID를 입력합니다. (GA4 속성으로 측정 ID(예: G-A2ABC2ABCD)를 입력하세요.)

구글 애널리틱스 웹사이트에 로그인해서 확인합니다.

6. 트리거 구성 버튼을 클릭 후 "All Pages" 페이지뷰를 선택합니다.

트리거는 태그를 실행시키는 조건을 지정하는 데 사용됩니다. 

7. 저장 버튼을 클릭 후 생선된 태그 정보를 확인합니다.

8. 미리보기 버튼을 클릭하세요.테스트를 시작합니다.

9. 본인의 웹사이트(블로그 등) URL을 입력 후  "Connect"버튼을 클릭합니다.

해당 도메인의 모든 Google 태그를 디버깅하려면 사이트 URL을 입력하세요. 디버그 정보는 이 웹 브라우저에서만 볼 수 있습니다.

8. 화면 오른쪽 상단의 "제출" 버튼을 클릭합니다.

9. 변경사항 제출 레이어팝업이 나타납니다.  버전이름으로 " 애널리틱스 구성 설정" 으로 타이핑 해주었고, 버전 설명은 생략가능합니다. 

10. 화면 오른쪽 상단의 "게시" 버튼을 클릭합니다.

Event, Page Hostname, Page Path, Page URL, Referrer 5개 기본 변수와 함께 게시되었음을 확인하실 수 있습니다.

오늘 포스팅에서는 구글애널리틱스 4 (GA4)와 구글 태그 매니저(GTM)을 연동하는 방법에 대해 알아보았습니다.  

 

Share this

마케터