응케터

GTM 주요 개념

태그 : 특정 정보가 담긴 스크립트 코드 조각

트리거 : 방아쇠&시그널, 태그가 실행되는 시점/조건을 보내는 신호

변수 : 동일 포맷, 동일 규칙 하에 변하는 정보 값(숫자, 텍스트 전부 포함)

ex. 클릭하는 {버튼 명}, 방문하는{페이지 명}, 구매한{상품의 가격}

태그에 매칭되는 트리거, 변수 -> 하나의 태그에 여러개의 트리거, 변수가 매칭될 수 있음

컨테이너 : 동일한 GTM 스크립트로 연결되는 태그, 트리거, 변수 그룹 -> 보통 웹사이트별로 생성

계정 : 최상위 레벨 > 회사가 가진 각 컨테이너들 그룹

**

계정>컨테이너>태그>변수,트리거

1. GA4 설치, GA4이벤트 만들기

🔽(이벤트 입력 코드)🔽

gtag('event', '이벤트', {

'매개변수' : ' 매개변수 값'

}

🔽상황에 맞춰서 입력(</body> 전에 입력)🔽

  <script>
      document.querySelector('#download-button').addEventListener('click', function(){
          gtag('event', 'click_button', {
            'name':'원두 카탈로그 다운로드'
          });
        });
      </script>

HTML 삽입 모습

2. Ga4 매개변수 확인하는 방법

2-1. 사이트에서 확인하는 방법
사이트 F12 클릭 후(또는 마우스 우클릭 - '검사'클릭) > Omnibug > 만들어놓은 이벤트 클릭 후 매개변수 체크

2-2. GA4에서 확인하기

구성 > Debug View에서 확인> 홈페이지에 심어놓은 이벤트 매개변수 확인 가능

*필수선작업* Chrome 확장 프로그램에서 'Google Analytics Debugger' 다운로드 후 on 해주기

다운로드링크 :
https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna?hl=ko

🔽디버거 (확장 프로그램) 킨 모습🔽