Google Tag Manager

할 수 있는 일

• video_start, video_progress(25, 50, 75, 90%), video_complete를 dataLayer로 보내요.
• 각 이벤트에서 동영상 정보를 읽을 수 있어요. video_title, video_url, video_provider, video_duration, video_current_time, video_percent가 있어요.
• 이 이벤트로 원하는 태그를 실행하세요. 예를 들어 누군가 데모 영상을 끝까지 보면 광고 플랫폼 전환을 기록할 수 있어요.

설정 방법

페이지에 Tag Manager가 이미 설치되어 있어야 해요. 그런 다음 임베드 방식에 맞게 설정하세요.

1. 웹 컴포넌트(<pellio-player>): 따로 할 일이 없어요. 이벤트가 자동으로 전송돼요. 끄려면 window.pellioAnalytics = false로 설정하세요.
2. iframe 임베드: 페이지에 <script src="https://api.pellio.io/assets/analytics-bridge.js" async></script>를 추가하세요.
3. WordPress: Pellio → Settings → Player에서 Send video events to Google Analytics / Tag Manager를 체크하세요.
4. Tag Manager에서 Custom Event(맞춤 이벤트) 트리거를 video_start, video_progress, video_complete용으로 만들고, 필요한 필드용 데이터 영역 변수도 만드세요.
5. 트리거를 태그에 연결한 다음 미리보기 모드에서 테스트하세요.

알아 두면 좋은 점

• 진행률은 고유 시청 초가 아니라 재생 위치 기준이에요.
• 플레이어 URL에 dnt=1이 있는 임베드는 추적하지 않아요.
• 더 많은 이벤트(챕터, 양식 제출, 인터랙션 클릭)가 필요하면 플레이어 API로 플레이어 이벤트를 직접 수신하세요.
• 모든 요금제에서 쓸 수 있어요.

전체 가이드: 분석과 히트맵