ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [GTM] Google Tag Manager 회원가입 및 티스토리에 설치
    [GTM] 구글 태그 매니저 2022. 1. 9. 17:58

    Google Tag Manager(GTM)이란 추적코드를 통해 수집하고자 하는 데이터를 설정 및 배포하여 데이터를 전송시켜주는 태그 관리 플랫폼으로 웹마스터 개입없이도 웹사이트 분석 및 사용자 행동에 대한 추적 가능하다. 

    좀더 자세하고 이해하기 쉬운 내용은 다음 블로그에서 남겨보도록 하자.

     

     

    1. 계정만들기

     

    아래 링크를 통해 들어가면 아래와 같이 창이 뜰것이다. 그러면 계정만들기를 클릭해주자.

    - 구글태그매니저

     

     

     

     

    2. 계정설정 및 컨테이너 설정

     

    연습해용이라 test로 이름을 지어 주었다.  보통 회사이름이나 브랜드명을 등으로 입력한다. 국가는 당연히 대한민국 타겟 플랫폼은 웹으로 설정하자.

     

     

     

    3. 약관 동의 

     

     

    4. Google 태그 관리자 설치

     

    이 비슷한걸 봤을것이다. GA 계정 만들떄 나온 추적코드랑 비슷하다. 이코드도 마찬가지로 데이터를 수집하고자 하는 사이트 상단에 추가해줘야 한다. 그런데 코드가 2개이다 아래코드는 위에 코드가 오류가나서 수집이 안되었을때 아래 코드로 수집을 실행한다 라고 이해해주자. 그래서 코드를 <head>와<body>에 상단에 하나씩 추가해주면 된다.

     

     

     

    5. 티스토리 연동

     

    HTML 편집은 아래 링크를 통해 찾아보자

    - [GA] Google Analytics T스토리 연결

    자 그럼 <head> 쪽에 첫번째 코드를 추가해주고 <body> 쪽에 2번째 코드를 추가해주면 끝!

    GA 추적 코드가 있더라도 추가 가능하다. 다만 보고자하는 계정은 달라야 한다. 그러니 미리 GTM을 사용할 연습용 계정을 만들어 두도록 하자. 

    예 ) GA = UA_124673 / GTM = UA_35354 이렇게 계정이 따로 되어야 한다. 계정 만들기는 아래 링크로 남겨둔다. 

    - [GA] Google Analytics 계정 생성

     

     

     

     

    6. 제출 

     

    아무것도 없는 상태에서 한번 배포를 하고 나가자. 미리 하고 나가야 스크립트에서 오류가 없다.

     

     

    6-1. 게시

     

     

    6-2. 완료

     

     

     

    7. Google Tag Assistant

    이제 설치가 잘되었는지 확인하기위해 Google Tag Assistant를 설치해주도록 하자. 

     

     

     

    7-1. 티스토리 사이트 이동

     

    이제 코드 추가해준 사이트를 이동해 설치가 잘되었는지 확장프로그램으로 확인해보자.

    아래 그림처럼 Enable 까지 클릭해주면 아무것도 아무것도 안뜰것이다. 그럼 새로고침을 누르고 다시 Tag Assistant 눌러주면 

     

     

    7-2 확인

    위 그림처럼 Enable 까지 클릭해주면 아무것도 아무것도 안뜰것이다. 페이지 새로고침을 누르고 다시 Tag Assistant 눌러주면 아래처럼 태글 매니저가 나오면 완료가 된것이다. 그럼 GA처럼 ID값을 확인해 같은지 확인하면 끝이난다.

     

    여기까지 잘 따라왔으면 다음으로 넘어가도록 하자. 다음은 GA로 페이지뷰 전송하기를 하도록 하자. 이제 GTM 시작이다. 하나씩 꼼꼼하게 배워보자

    댓글

Designed by Tistory.