# 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>](https://acecounter.gitbook.io/guide/utm/start/member)<mark style="color:blue;">**)**</mark>

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FGB2eWCpTXYNQTeGZoZY5%2Fimage.png?alt=media&#x26;token=029a1b2c-df4e-4cba-9682-21da63ad04a4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FKG7ahiCrajzJ00fPp1b1%2Fimage.png?alt=media&#x26;token=145daff8-702f-4f2f-8555-31c988664aef" alt=""><figcaption></figcaption></figure>

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

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

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

***

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FrdEDeXrHCh3DI87k3NlI%2Fimage.png?alt=media&#x26;token=0742c916-bd03-442b-ae2e-7c934d0dd60e" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FmU9QZrn0pcv1rO18UBYk%2Fimage.png?alt=media&#x26;token=0f1606a5-e851-4298-ad51-bf6d71a293a7" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FE5Wuu0P0FSjNY1KKXCkv%2Fimage.png?alt=media&#x26;token=15947996-7973-4ad7-854c-753fe9c03df4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FgXURQ90qCVQPnY0BbdLE%2Fimage.png?alt=media&#x26;token=51240496-a4e2-4710-8897-46e3c04cd309" alt=""><figcaption></figcaption></figure>

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

## 3단계 : Google Tag Manager 설정

***

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

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

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FTyQRLbDxoPHj67WB1sMo%2Fimage.png?alt=media&#x26;token=f7a5bad7-a2cb-44b7-baee-12d238b69c69" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FeRBDnVfjNBWy8JPN96Hw%2Fimage.png?alt=media&#x26;token=fbfa090e-0d9d-42fe-8bfa-866948b7dcba" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FrplJLp2gppdG1tGOP0cv%2Fimage.png?alt=media&#x26;token=c0752049-002f-4495-8037-ac9f18034245" alt=""><figcaption></figcaption></figure>

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

## 4단계 : 태그 생성

***

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FcZSVkBX7bT6G7Soqu7LS%2Fimage.png?alt=media&#x26;token=9f1272cb-9381-443b-bc3c-e5adf6647acc" 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="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2F1Y4LXZ0m9iuJCt2gKbOm%2Fimage.png?alt=media&#x26;token=e0cd3e7e-ae2c-4d6b-ab1a-2d4e3ecbd674" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2FwFJdORqpKCYLLSp2TabC%2Fimage.png?alt=media&#x26;token=c25aa8e9-adc3-4a0a-9b89-2cf50ec4718c" alt=""><figcaption></figcaption></figure>

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

## 5단계 : 제출하기

***

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

<figure><img src="https://2610928715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForCv3yTLOh6htNIwGRWb%2Fuploads%2Fbq0XQ9wktjPiA8oZrU8u%2Fimage.png?alt=media&#x26;token=a3d09f90-674d-4e42-a1fb-ebd581d0cf45" alt=""><figcaption></figcaption></figure>

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

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