> For the complete documentation index, see [llms.txt](https://acecounter.gitbook.io/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://acecounter.gitbook.io/guide/utm/start/gtm.md).

# GTM으로 시작하기

GTM 설정으로 에이스카운터 UTM 분석을 사용하시려면 GTM 계정이 필요합니다.

* google tag manager "관리자" 권한의 구글 계정

## 1단계 : 에이스카운터 회원가입&#x20;

***

:exclamation:<mark style="color:red;">**에이스카운터를 이미 사용 중이라면 여기 가이드를 확인해주세요.**</mark>**&#x20;**<mark style="color:blue;">**(**</mark>[<mark style="color:blue;">**링크**</mark>](/guide/utm/start/member.md)<mark style="color:blue;">**)**</mark>

홈페이지([https://www.home.acecounter.com](https://www.home.acecounter.com/)) **'무료체험 시작하기'** 버튼을 클릭해 주세요.

<figure><img src="/files/XtqUEePkHxE7kNr40alg" alt=""><figcaption></figcaption></figure>

가입에 필요한 정보를 입력하고 회원가입을 완료하시면 아래와 같은 화면으로 이동합니다.

<figure><img src="/files/JvBvU9fTPuffqAIYfKvw" alt=""><figcaption></figcaption></figure>

GTM을 직접 설정하기 위해서는 \[직접 설치할게요] 버튼을 클릭해주시고 2단계로 진행해주세요.

> 설치 대행을 원하시는 경우 화면에서 \[설치대행을 요청할게요] 버튼을 클릭하시고 화면에서 정보 입력을 진행해주세요. 최초 1회 무료 설치를 지원해드리고 있습니다.

## 2단계 : 분석스크립트 확인&#x20;

***

회원가입 후 서비스 관리에서[ \[서비스관리 > 분석스크립트\] 메뉴](https://www.acecounter.com/stat/my/my_script.amz)로 이동합니다.

<figure><img src="/files/ORm3MWaCS6ElciS1hK7Z" alt=""><figcaption></figcaption></figure>

해당 화면을 띄워놓고 다음 단계를 진행해주시면 됩니다. 또는 스크립트 파일을 따로 다운로드 받으실 수 있습니다.

{% tabs %}
{% tab title="화면에서 복사 붙여넣기" %}
설치하려는 사이트의 <mark style="color:purple;">`+버튼`</mark>을 클릭하면 아래와 같이 스크립트가 화면에 노출됩니다.

<figure><img src="/files/1ir27twDfFtBhFmWw7I2" alt=""><figcaption></figcaption></figure>

해당 텍스트를 4단계에서 사용할 예정입니다.
{% endtab %}

{% tab title="스크립트 다운로드" %}
스크립트를 다운로드 받아 사용하시려는 경우 캡처화면의 다운로드 버튼으로 파일을 다운로드 해주세요.

<figure><img src="/files/hMhrQooXJfOH6v546l4j" alt=""><figcaption></figcaption></figure>

다운로드 하신 파일을 압축 해제 하신 후 아래 캡처화면에서 <mark style="color:purple;">**`공통 스크립트`**</mark>에 해당하는 txt 파일을 열어주세요.

<figure><img src="/files/kJYTVHkRhJlE7hdQ2lXl" alt=""><figcaption></figcaption></figure>

해당 파일의 텍스트를 4단계에서 사용할 예정입니다.
{% endtab %}
{% endtabs %}

## 3단계 : Google Tag Manager 설정

***

<mark style="color:red;">**이번 단계는 GTM 설정이 처음이신 분들을 위한 단계입니다. 분석하려는 사이트에 GTM 컨테이너가 설치되어 있다면 4단계로 이동해주세요.**</mark>

먼저, 계정을 생성합니다.

좌측 상단의 관리자를 클릭하고 계정 만들기 버튼을 클릭하세요.

<figure><img src="/files/iNs9tL4wzzrPsIcCxBdg" alt=""><figcaption></figcaption></figure>

계정 설정에서 필요한 정보를 입력하고, 컨테이너 설정에서 스크립트를 삽입하실 사이트 정보를 입력하세요. 타겟 플랫폼은 웹을 선택해주세요.

위 단계를 거치면 GTM 계정과, 컨테이너가 생성됩니다. GTM 계정은 보통 숫자로만 이루어진 계정 ID가 있으며, 컨테이너는 GTM- 으로 시작되는 컨테이너 ID를 갖고 있습니다.

이제 만들어진 컨테이너를 실제 분석하실 사이트의 소스코드에 삽입해야합니다.

<figure><img src="/files/SlCqkWxU3aHG8MM8YN8m" alt=""><figcaption></figcaption></figure>

우측 상단의 GTM-으로 시작되는 컨테이너 ID를 클릭하면 아래와 같이 코드를 볼 수 있습니다.

<figure><img src="/files/a7T3UoH6UJsHCLEUw744" alt=""><figcaption></figcaption></figure>

첫 번째 코드 블록을 복사하여 `<head>` 태그의 최대한 상단에 붙여넣고,  두 번째 코드 블록을 복사하여 여는 `<body>` 태그 바로 뒤에 붙여넣어주세요.<br>

## 4단계 : 태그 생성

***

왼쪽 메뉴에서 \[태그]를 선택하고 \[새로 만들기] 버튼을 클릭해주세요.

<figure><img src="/files/DtwpROppG6VlrVAp5Fg2" alt=""><figcaption></figcaption></figure>

태그 구성을 클릭하고 맞춤 설정의 맞춤 HTML을 클릭하세요. HTML 입력란 안에 <mark style="color:purple;">**2단계에서 준비하신 에이스카운터 스크립트**</mark>를 그대로 복사 붙여넣기 한 후 저장을 눌러주세요.

<mark style="color:red;">다운로드 받으신 파일 중</mark> <mark style="color:red;"></mark><mark style="color:red;">**공통스크립트(acecounter\_Script\_m.txt)**</mark><mark style="color:red;">의 텍스트 또는 에이스카운터 분석 스크립트 화면에 있는 텍스트</mark>

<figure><img src="/files/D5ghTspnR0v8Jl6tvSAg" alt=""><figcaption></figcaption></figure>

이름 <mark style="color:purple;">`All pages`</mark> / 유형 <mark style="color:purple;">`페이지뷰`</mark>인 트리거를 선택하고 저장을 눌러주세요.

<figure><img src="/files/8ZZnYgAMOnPG10C7Erfn" alt=""><figcaption></figcaption></figure>

설정을 완료하시면 에이스카운터 스크립트가 GTM 컨테이너를 통해 동작할 준비가 되었습니다.

## 5단계 : 제출하기

***

설정을 완료하신 후 오른쪽 상단의 <mark style="color:purple;">**제출 버튼을 클릭**</mark>해주세요.

<figure><img src="/files/NVkfCNQzKdKtXVNxivtJ" alt=""><figcaption></figcaption></figure>

버전 이름이나 설명 등은 나중에 본인이 알아보실 수 있도록 원하는대로입력하면 됩니다.

마지막으로 <mark style="color:purple;">**게시 버튼을 누르시면 설정이 완료**</mark>됩니다.
