Google 태그 관리자를 사용하여 사용자 ID로 HTML5 비디오 추적

참고: 이는 Google 애널리틱스 유니버설 애널리틱스와 함께 작동합니다. GA4에서는 작동하지 않습니다.

좋지 않은 소식은 Google 애널리틱스가 HTML5 동영상 재생 이벤트를 추적하는 기본 방법이 없다는 것입니다. 예, 비디오가 거의 지배하는 오늘날에도 마찬가지입니다.

그러나 희소식은 처음부터 시작하지 않고도 이러한 이벤트를 추적할 수 있는 방법이 있다는 것입니다. 그래도 Google 태그 관리자에 꽤 익숙해져야 합니다 ;-).

나는이 일이 전에 이루어 졌다는 것을 알고 있습니다. 하지만 반전을 추가했습니다. 로그인한 WordPress 사용자가 HTML5 비디오를 보고 있는지 확인하는 방법을 보여 드리겠습니다.

아, Google 애널리틱스 속성에 대해 enabled user ID tracking인지 확인하세요.

시작하자!

바퀴를 재발 명하지 마십시오

운 좋게도 0부터 시작할 필요가 없습니다. Julius Fedorovicius'HTML5 Video Tracking Recipe for Google Tag Manager를 사용하여 시작하겠습니다.

his article 에서 Julius의 지침을 따르고 싶을 것입니다. 3단계에서 Google 애널리틱스 설정 변수를 사용하라는 그의 추천을 선택했습니다.

이제 끝났으니 사용자 ID 추적에 대한 지원을 추가하는 재미있는 작업을 파고들 수 있습니다.

사용자 ID 지원 Show & Tell

Google 애널리틱스 설정은 다음과 같습니다.



그것은 약간의 일꾼입니다. 나를 위해 3가지 일을 한다는 의미:

가져온 HTML5 비디오 플레이어 레시피가 통계를 보낼 속성을 알 수 있도록 내 GA 추적 코드를 가져옵니다.

비디오 이벤트 중에 GA에 보낼 WordPress 로그인 사용자 ID를 저장할 사용자 ID 데이터 계층 변수를 정의합니다.

사용자 ID를 가져오고(위 참조) 내 속성에 대해 정의한 사용자 ID 맞춤 측정기준에 매핑하는 사용자 ID 맞춤 측정기준을 설정합니다.

접착제

이것은 모든 것을 하나로 묶는 데이터 영역 변수입니다.



사용자 ID 데이터 영역 변수가 있으므로 이전에 가져온 GTM 태그 JavaScript 소스 코드에 추가할 수 있습니다. GA 이벤트가 설정되는 모든 위치에 추가하고 싶을 것입니다.

여기 당신이 가져야 할 것이 있습니다.

마지막 조각.

거의 다 왔습니다.

"처음에 이 사용자 ID를 어떻게 얻습니까?"라고 자문하실 수 있습니다.

대답은 다음과 같습니다. 물론 WordPress에서!

이 코드를 하위 테마의 functions.php 파일에 추가하거나 플러그인을 만들거나 PHP를 지원하는 코드 스니펫 플러그인을 사용하세요.

function get_current_user_vid_tracking () {
  if( ! ( is_page( 'html5-video' ) ) ){
    return;
  }

  $current_user = wp_get_current_user();

  if ( ! ( $current_user instanceof WP_User ) ) {
    return;
  }

  $user_ID = $current_user->ID;

  ?>
  <script>
    let cmeUserID = '<?php echo $user_ID; ?>'; // Set the user ID using signed-in user_ID.
  </script>
  <?php
}
add_action( 'wp_head', 'get_current_user_vid_tracking' );

HTML5 동영상 테스트 페이지를 미리 확인합니다. 테스트if를 조정하거나 필요하지 않은 경우 제거할 수 있습니다.

모두 함께 당기기

다음을 가정합니다.

GTM 변경 사항을 저장하고 게시했습니다.

PHP 코드를 삽입했으며

코딩 오류가 없습니다

.

HTML5 동영상이 있는 사이트의 페이지를 방문하면 GA 실시간 보고서에 다음과 같은 내용이 표시됩니다.



다음은 사용자 ID 맞춤 보고서로 그룹화된 HTML5 동영상 이벤트를 보여주는 Google 애널리틱스 맞춤 보고서의 예입니다.



펑키한 사용자 ID를 눈치채셨을 것입니다. 이것이 내부 WordPress 사용자 ID이며 PII protection 때문에 이 암호 번호를 사용하고 있습니다.

그다지 도움이 되지 않죠? 그러나 이것은 WordPress입니다. 따라서 생활을 좀 더 쉽게 하기 위해 WordPress 사용자 관리 페이지에 사용자 지정 사용자 ID 열을 추가할 수 있습니다. 이 작업을 수행하는 super teenie plugin이 있습니다.

이 플러그인 또는 다른 유사한 플러그인을 사용하면 이와 같은 것을 얻을 수 있습니다.

엑스트라

See a live demo here.

새로운!

이제 Google 태그 관리자 없이도 완벽하게 작동하면서도 여전히 사용자 ID 추적을 지원하는 standalone WordPress plugin (GA4HTML5VID)이 있습니다.

학점

HTML5 비디오 추적 레시피는 원래 David Vallejo에서 가져온 것입니다.