> For the complete documentation index, see [llms.txt](https://businessdaangn.gitbook.io/business.daangn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://businessdaangn.gitbook.io/business.daangn/ads-pro/tools/tracking/gtm.md).
# 구글 태그 매니저(GTM) 연동 가이드
## **구글 태그 매니저(GTM)이란?**
GTM은 웹사이트나 모바일 앱의 태그를 관리해 주는 구글의 무료 도구예요. 웹사이트 코드에 직접 접근하지 않고도 다양한 태그를 추가·수정·삭제할 수 있고, 개발자가 아니어도 직관적으로 사용할 수 있어요.
* [구글 태그 매니저 소개](https://marketingplatform.google.com/about/tag-manager/)
* [구글 태그 매니저 고객센터](https://support.google.com/tagmanager#topic=15191151)
공통 스크립트가 정상 동작해야 이벤트 스크립트도 정상 동작해요. 꼭 공통 스크립트 연동(3단계)을 먼저 완료한 뒤에 이벤트 스크립트(4단계)를 연동해 주세요.
{% stepper %}
{% step %}
### **1. 전환 추적 코드 생성하기**
생성된 스크립트를 확인해요.
생성한 코드의 스크립트를 웹서비스에 삽입하면 전환 추적 연동이 완료돼요.
GTM으로 연동하실 경우, 이 스크립트를 다음 단계부터 GTM에 넣어줄 거예요.
{% endstep %}
{% step %}
### **2. GTM 가입 및 환경 설정하기**
GTM을 처음 이용하신다면 아래 가이드에 맞추어 GTM 계정을 생성해야해요.
GTM을 설치할 웹사이트 정보를 입력하고 GTM 계정 생성을 완료해요.
확인한 GTM 스크립트는 웹사이트의 `` 부분과 `` 부분에 각각 삽입해 주세요. 이 설치가 되어 있어야 GTM으로 태그를 관리할 수 있어요.
{% endstep %}
{% step %}
### **3. GTM - 공통 스크립트 연동**
당근 전환 추적 코드의 **공통 스크립트**를 GTM 태그로 등록해요.
(앞서 안내드린 대로, 이벤트 스크립트보다 먼저 완료해 주세요.)
태그 구성 설정 : 발급한 전환 추적 코드의 공통 스크립트를 입력해요.
태그 이름 지정 및 저장 : 나중에 구분하기 쉽도록 태그 이름을 입력하고 저장을 클릭해요.
{% endstep %}
{% step %}
### **4. GTM - 이벤트 스크립트 삽입**
이제 구매·회원가입 등 각 전환 이벤트를 추적하는 **이벤트 스크립트**를 등록해요. 추적하려는 이벤트마다 아래 절차를 반복하면 돼요.
**URL 조건 설정**
* 이벤트가 발생하는 페이지의 URL 규칙에 맞춰 조건을 설정해요.
* 예를 들어 구매 완료 페이지 URL이 `https://daangn.com/CompletePurchase`라면, `Page URL` · `포함` · `/CompletePurchase`로 입력하면 그 페이지에서 발생한 페이지뷰 이벤트가 작동해요.
* 추적하려는 이벤트 타입(구매, 회원가입 등)에 맞는 스크립트를 넣어주세요.
* 이벤트 스크립트는 [여기](/business.daangn/ads-pro/tools/tracking/event.md) 링크를 참조해주세요.
태그 시퀀싱 설정
{% hint style="info" %}
**태그 시퀀싱 설정**
이벤트 스크립트는 공통 스크립트(초기화)가 먼저 실행된 뒤에 발화되어야 정확히 수집돼요. GTM의 태그 시퀀싱 기능으로 이 순서를 보장할 수 있어요.
1. `태그 구성` 하단의 `고급 설정`을 펼치고 `태그 시퀀싱` 항목을 클릭해요.
2. `OOO 태그가 실행되기 전에 태그를 실행합니다` 를 체크하고, 설정 태그로 Step 3에서 만든 공통 스크립트 태그(예: `karrot init`)를 선택해요.
3. `공통 스크립트 태그 실행에 실패하거나 태그가 일시중지된 경우 이 태그를 실행하지 마세요` 도 함께 체크하면, 초기화가 완료된 경우에만 이벤트가 발화돼서 더 안정적이에요.
{% endhint %}
✅ **연동을 마쳤다면**\
각 이벤트가 정상적으로 수집되는지 전환 추적 관리 화면에서 확인해 보세요. 이벤트가 잡히지 않는다면, 공통 스크립트가 먼저 연동되었는지와 각 이벤트 태그의 태그 시퀀싱 설정(6번)이 되어 있는지 다시 한번 확인해 주세요.
{% endstep %}
{% endstepper %}
