본문 바로가기
슬IT생/Google Analytics

[구글 태그매니저 설치] IP추적의 필요 요소 넣기(태그관리자) 2탄

by 알 수 없는 사용자 2022. 5. 19.
728x90
반응형

 지난 포스팅에서는 [태그매니저 계정만들기]에 대해서 알아보았는데요, 오늘은 태그관리자 태그 설정에 대해서 포스팅을 이어가겠습니다. 구글 태그매니저를 혼자서 이것 저것 해보면 갖가지 용어에 어려움이 많은데요, 차근차근 순서에 따라 하나씩 해 보시기 바랍니다. 사실, 포스팅을 정리하면서도 여러 번 해보고 나서야 이해가 조금 가지만 또 관심을 놓게 되면 잊어버리게 됩니다. 

 

 

IP추적을 위한 필수 요소, 구글 태그매니저 2번째 이야기

 

포스팅 내용은 크게 다음과 같이 분류할 수 있습니다. 

  1. 태그관리자 태그설정
  2. 태그관리자 태그구성(맞춤 HTML설정)
  3. 태그관리자 태그구성, 트리거
    • 맞춤형 태그 (HTML) - 태그실행 우선순위 지정
    • 태그관리자 트리거 선택
  4. 맞춤형 태그 (HTML) - 태그실행 우선순위 지정
  5. 태그관리자 트리거 선택

 

 

1. 태그관리자 태그설정

 

다음 사진과 같이 좌측메뉴의 태그, 우측 메인화면 상단 검색창 아래에 새로 만들기를 실행합니다. 

1. 태그관리자 태그설정

 

 

2. 태그관리자의 태그구성(맞춤 HTML설정)

 

1번 단계를 마무리 했다면 화면 우측 부분에 메뉴바가 나옵니다. 메뉴바에서 맞춤설정을 찾아서 다음과 같이 맞춤html을 선택합니다. 

  • 태그>새로만들기>HTML

 

2. 태그관리자의 태그구성(맞춤 HTML설정)

 

 

3. 태그관리자 태그구성, 트리거

 

3. 태그관리자 태그구성, 트리거

 

상기 사진의 빨간 색 네모 부분이 태그 설정, 트리거 설정 진입 단추입니다. 

 

 

4. 태그구성 - 맞춤평 태그 (HTML)

 

3번 과정을 완료하였다면 다음과 같이 태그 구성 화면이 나오게 되는데요, 태그 구성에 html 언어를 입력해 주시면 됩니다. 아래의 내용을 복사해서 붙여넣기 하시면 될 것 같습니다 

 

4. 태그관리자 맞춤평 태그 (HTML)

 

<script type=“application/javascript”>
function getIP(json) {
skp_ip_addr = json.ip;
}
</script>
<script type="allication/javascript" src="https://api.ipify.org?format=json&callback=getIP">
</script>

 

 

5. 태그실행 우선순위 지정 300

 

3번 과정의 트리거 메뉴에서 빨간 색으로 박스가 그려진 그림으로 들어갑니다. 트리거 설정에 들어가게 되면 다음과 가은 화면이 나오게 되고, 태그 실행 우선 순위에 300 이라 입력한 후에 우측 상단의 저장을 합니다. 

 

5. 태그관리자 맞춤평 태그 (HTML) - 태그실행 우선순위

 

 

6. 태그관리자 트리거 선택(All Pages)

 

6. 태그관리자 트리거 선택(All Pages)

 

 

5번 과정을 완료하고 저장을 했다면 트리거 선택화면이 나오는데요, 트리거 선택 화면에서 All Pages 를 선택합니다. 

 

 

7. 태그관리자 저장 후 태그 이름 변경

 

7. 태그관리자 저장 후 태그 이름 변경

 

지금까지 진행해온 내용의 태그 이름을 저장할 차례입니다. 

"PUSH_IP_ADDR"

 이라고 이름을 저장해 줍니다. 

 

8. 태그관리자 -  트리거 새로 만들기

 

이제 또 다른 트리거를 하나 만들도록 하겠습니다. 

"PageView"

파일을 만들도록 하겠습니다. 

 

 

9. 새 트리거 만들기(트리거 구성)

 

9. 새 트리거 만들기(트리거 구성)

 

 

10. 트리거 구성-페이지뷰-창로드

 

 

 

11. 트리거 이름 변경(트리거 구성-페이지뷰-창로드-저장-페이지뷰)

 

 
트리거의 새 이름을 

"PageView"

라고 입력을 해 줍니다. 

 

이제 태그매니저 2번째 단계까지 마무리 지었습니다. 마지막 포스팅에서는 추적 코드 입력으로 태그매니저 마무리 작업에 대해 포스팅하겠습니다. 

 

728x90
반응형
그리드형(광고전용)