본문 바로가기
반응형

이벤트구현3

구글 태그 매니저(GTM)에서 이벤트 구현하는 대표적인 6가지 방법 구글 태그 매니저(GTM)를 활용하면 개발자 도움 없이도 다채로운 이벤트 추적을 손쉽게 구현할 수 있습니다.이번 글에서는 GTM에서 가장 자주 쓰이는 6가지 이벤트 구현 방식을 자세히 살펴보며,실제 적용 시 꼭 알아두어야 할 개념과 팁들을 정리해봤습니다.페이지 조회부터 클릭, 동영상, 스크롤, 타이머, 그리고 데이터 레이어까지 한 번에 정리해 보겠습니다.  1. 페이지 조회 트리거 (Page View Trigger)1) 개념사용자가 웹페이지에 진입할 때(로드될 때) 이벤트를 발생시키는 가장 기본적인 트리거 중 하나.웹사이트 방문 시점을 기준으로 전환 이벤트, 페이지뷰 이벤트 등을 전송하고자 할 때 유용함.어떤 페이지가 로드되었는지 구분하기 위해서는 "Page Path" 혹은 "Page URL"을 주로 활.. 2025. 3. 17.
틱톡 픽셀 설치(전환 이벤트 구현)하는 방법 틱톡 픽셀 만들기 & 공통 스크립트 삽입(방문 이벤트 추적)1. [도구] - [이벤트] - [웹이벤트]​2. [픽샐 생성] - [TikTok 픽셀] 선택​3. 픽셀 코드 수동 설치 클릭​4. 개발자가 없으면 "이벤트 작성기"(간소화 버전), 개발자가 있으면 "사용자 지정 코드"​5. 픽셀 코드(스크립트)를 웹사이트 HTML 헤더 섹션에 추가더 많은 데이터를 수집하기 위해 "자동 고급 매칭 활성화", "쿠키 관리", "데이터 포스트백" 등은 켜주기 ​6. [도구] - [이벤트] - [웹이벤트]에서 생성한 픽셀 확인 가능​​전환 이벤트 구현(픽셀에 전환 이벤트 추가하기)0. 전환 이벤트 구현은 공통 스크립트 삽입 이후에 진행 가능​1. [도구] - [이벤트] - [웹이벤트]에서 픽셀 목록 확인 후 이벤트 설.. 2024. 5. 2.
메타 픽셀 설치(전환 이벤트 구현)하는 방법 픽셀 만들기(데이터를 담을 빈 통 만들기)1. [이벤트 관리자] - [데이터 소스 연결]​2. 데이터 소스 종류 선택(보통 웹 또는 앱)​3. 픽셀 이름을 설정하고 픽셀 생성​​​픽셀에 데이터 연결(빈 통에 데이터 연결하기)1. 생성한 픽셀 선택 - [픽셀 설정 계속하기]​2. 연결 수단 Meta 픽셀로 선택(전환 API는 서버 to 서버로 연결하는 픽셀보다 더 좋은 기능)​3. 카페24, 고도몰, 아임웹, 쇼피파이 등 다른 툴을 사용하지 않는다면 일반적으로는 "직접 추가"를 선택​4. 픽셀을 심을 홈페이지 URL을 입력하면 기본 코드(공통 스크립트)가 생성됨해당 코드를 개발자에게 전달(모든 페이지 HTML head에 넣어달라고 하면 됨) ​5. 공통 스크립트가 방문(page view)를 잡는 기본 이벤.. 2024. 5. 2.
반응형