러닝패스

태그 매니저 통해 client-side 로그 보내기!

무료
핵심 콘텐츠만 선별했어요!
7개 콘텐츠
이 러닝패스가 어떠신가요?
(내 보관함에서 다시 볼 수 있어요)
순서대로 소개되는 제 사례를 예제삼아, 자신에게 맞는 데이터를 정의하고 태그매니저를 이용해봅시다.
1. 로그 이벤트 트래킹 계획 세우기 어떤 목적으로 로그를 남길 계획인가요? 목적과 그에 따라 남겨야할 정보가 명확한 분들은 바로 custom template 만들기로 넘어가시면 됩니다. 위 두가지가 명확하지 않으신 분들은 log event tracking plan을 참고해주세요. 지표 분석을 위한 로깅이 목적이신 분들은 선택 1번의 포스팅을, 모델링을 위한 로깅이 목적이신 분들은 선택 2번을 보시고 남겨야할 정보를 정의&정리 해주세요.
💡
이 부분은 심화 학습 이예요. 조금 더 알아보고 싶다면 학습해보세요!
NOTE
선택 2) 모델링을 위한 로깅 - 문제를 정의하고 효과적인 모델 선정 및 개발 - 의미 있다고 생각하는 parameter들을 logging. - 아래 simple template 공유
URL
article
출처: https://docs.google.com/spreadsheets/d/1F52KIdlrF-kz9aCGhMj70RPSutcN36QEONwnKRHMQCc/edit?usp=sharing
dataA 님의 학습노트
2. 커스텀 템플릿 만들기 커스텀 템플릿을 만들어서 정의한 데이터(로그)를 rest-api endpoint로 보내줍시다. 이 과정에서 해결해야하는 문제들이 있었는데요. 아래 정리된 문제들을 주목해서 보시고 동일한 문제를 겪을 때 간단하게 해결해보세요 :) 해결해야할 핵심 문제들 - SPA - react로 만들어진 web page의 pageview 로깅! - datalayer에 있는 변수들 등록하기! - custom template API에서 기본제공 되지 않는 fetch post call 이용하기!
NOTE
2-1) 태그매니저에서 제공하는 변수를 살펴보고, 이용해보자
Video
태그 매니저의 변수 이용하기
출처: https://youtu.be/Z7IAHCwn3pg
dataA 님의 학습노트
NOTE
2-2) 커스텀 태그 작성하고, fetch 이용해서 https request 보내기
Video
custom tag
출처: https://youtu.be/dgN7OG5SyDw
dataA 님의 학습노트
NOTE
2-3) 커스텀 템플릿을 실행(fire)할 트리거 만들기!
Video
trigger
출처: https://youtu.be/_RM53NXeqT8
dataA 님의 학습노트
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기