# Google Tag Manager 연동하기

**구글태그매니저의 기본적인 사용법**

1. **태그 생성:** 먼저 Google Tag Manager 계정에 로그인하고 웹사이트의 컨테이너를 선택합니다. 그런 다음 "태그 추가" 버튼을 클릭하여 새 태그를 생성합니다.
2. **트리거 설정:** 태그를 만든 후에는 이벤트를 발생시킬 조건, 즉 "트리거"를 설정해야 합니다. 클릭 이벤트를 추적하려면 "트리거"를 클릭 이벤트에 맞게 구성해야 합니다. 예를 들어, 원하는 요소의 클래스, ID 또는 기타 선택자를 사용하여 클릭을 추적할 수 있습니다.
3. **변수 설정:** 필요한 경우, 클릭 이벤트와 관련된 데이터를 수집하기 위해 필요한 변수를 설정해야 할 수도 있습니다. 예를 들어, 클릭된 요소의 텍스트나 URL을 추적하려는 경우가 있을 수 있습니다. 이러한 변수를 설정하려면 "변수" 섹션으로 이동하여 필요한 변수를 설정하고 사용할 수 있습니다.
4. **태그 배포:** 태그, 트리거 및 변수를 설정한 후에는 해당 변경 사항을 저장하고 배포해야 합니다. 이렇게 하면 Google Tag Manager가 웹사이트에 태그를 삽입할 수 있게 됩니다.
5. **테스트:** 마지막으로, Google Tag Manager의 미리보기 모드를 사용하여 실제로 클릭 이벤트가 추적되는지 테스트해야 합니다. 이를 통해 설정한 트리거 및 변수가 올바르게 작동하는지 확인할 수 있습니다.

<br>

세일즈클루 뷰어에서 일어나는 클릭 이벤트를 추적하기 위해서는, **"Click-All Elements" 트리거를 생성 후 Click ID에 아래 목록에서 추적하고자 하는 이벤트에 대응하는 값을 입력해야** 합니다.

<figure><img src="https://881625044-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaQlTDXYhp66d1S7EtcOG%2Fuploads%2FDmFnO7oWaFtCQYTPxWUj%2FScreenshot%202024-04-05%20at%207.45.38%20PM.png?alt=media&#x26;token=8d0c65b3-53d4-4f56-8e6c-4d9d0f151eaa" alt=""><figcaption></figcaption></figure>

**\<Click ID 이벤트 목록>**&#x20;

문의양식 제출 버튼 클릭: form\_submit\_button

CTA 버튼 클릭: cta\_button

다운로드 버튼 클릭: download\_button

공유하기 버튼 클릭: share\_button&#x20;

PDF 내 하이퍼링크 클릭: pdf\_hyperlink&#x20;

메시지박스 클릭: message\_box

메시지박스 내 버튼 클릭: message\_button

만약 하나의 뷰어에 여러 개의 버튼, 하이퍼링크를 삽입한 경우에는 "click\_text"에 해당 버튼 또는 하이퍼링크에 포함된 텍스트를 입력하고 "같음" 또는 "포함" 조건 으로 생성해주세요.&#x20;

<figure><img src="https://881625044-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaQlTDXYhp66d1S7EtcOG%2Fuploads%2FHB9ZOgZzAzygPQbBbXuO%2FScreenshot%202024-04-05%20at%207.49.47%20PM.png?alt=media&#x26;token=f167ae80-e0dd-4e31-aee4-c0ef7d87ae6c" alt=""><figcaption></figcaption></figure>

1. GTM 컨테이너를 생성한다.
2. 생성시, 추적하고 싶은 파일의 공유링크를 도메인으로 입력한다.
3. 트리거에서 모든요소 클릭 > 트래킹하고 싶은 이벤트의 id를 click\_id "같음 or 포함" 조건으로 생성한다.
4. 만약 개별 버튼, 하이퍼링크를 트래킹 하고 싶으면 click\_text에 해당 버튼 or 하이퍼링크의 텍스트를 "같음 or 포함" 조건으로 생성한다.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://salesclue.gitbook.io/guide/integration/gtm-integration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.