주 콘텐츠로 건너뛰기

Vimeo 플레이어를 Google Analytics 및 Google 태그 관리자와 통합하기

이 기능을 사용하려면 Business, Premium, Advanced 또는 Enterprise 멤버십이 필요합니다.

Vimeo 사용자는 Google Analytics를 사용하여 사이트에 임베드된 모든 Vimeo 플레이어의 이벤트를 추적할 수 있습니다(Vimeo Live 제외). Vimeo 라이브 플레이어는 Google Analytics가 지원되지 않습니다.

'Google 지원: 태그 관리자로 유니버설 애널리틱스 사용하기'에서 Google 태그 관리자를 통해 Google 애널리틱스를 설치하는 방법을 확인할 수 있습니다. 추적 코드는 재생, 노출, 연락처 양식 및 사이트에 임베드된 동영상 진행률이 25%, 50%, 75%에 도달했거나 100% 완료되었을 때에 대해 Google Analytics 이벤트를 트리거합니다. 

자세한 내용은 Google 애널리틱스 도움말 센터 및 Google 태그 관리자 도움말 센터에서 확인할 수 있습니다.

이 도움말에 포함된 내용:

사이트에 Vimeo 추적 스크립트를 추가하는 방법

  1. Vimeo 계정 설정의 마케팅 탭으로 이동합니다.
  2. Google Analytics 머리글 아래에 있는 추적 코드를 복사합니다.
  3. 추적 코드가 웹사이트의 HTML 소스 코드에 나타날 때마다 Google Analytics 스크립트 아래에 이 추적 코드를 붙여넣으세요. 

GA3.png

💡팁: 내 사이트의 HTML 코드를 수정할 수 없는 경우에는 Google 태그 관리자를 이용해 사이트에 추적 코드를 삽입할 수도 있습니다.

  1. 사이트의 Google 태그 관리자 작업 공간으로 이동합니다.
  2. 그런 다음 태그 관리자의 메인 작업 공간 메뉴에서 트리거로 이동합니다.
  3. 새로 만들기를 클릭합니다.
  4. 페이지 보기에서 트리거 유형을 DOM 사용 가능으로 선택하고 모든 이벤트에 대해 설정합니다.
    DOMREADYTRIGGER.png
  5. 변경 사항을 저장합니다.
  6. 이제 태그 관리자의 메인 작업 공간 메뉴에서 태그를 클릭합니다.
  7. 새로 만들기를 클릭합니다.
  8. 태그 구성에서 커스텀 HTML 태그 유형을 선택합니다.
  9. 고유한 Vimeo 추적 코드를 HTML 상자에 입력합니다.
  10. Triggering 아래에서 이전 단계에서 만든 DOM 사용 가능 트리거를 선택합니다.
    Finished.png

⚠️참고: 초기 로드(예: 라이트박스 또는 팝업 플레이어 사용 시) 후 페이지에 새 임베드를 추가하는 고급 셋업이 있는 경우 iframe 임베드를 로드하는 데 사용한 스크립트의 함수 window.__vimeoRefresh()를 호출하거나 이 커스텀 스크립트를 Vimeo GA 스크립트 아래에 있는 웹페이지의 소스 코드에 삽입할 수 있습니다.

<script>setTimeout(function(){ window.__vimeoRefresh(); }, 3000);</script>

다음과 같이 Vimeo GA 추적 스크립트를 트리거하는 데 사용된 동일한 태그 내에 GTM을 사용하여 이 스크립트를 삽입할 수 있습니다.

Vimeo 추적 코드가 제대로 설치되었는지 확인하기

  1. 먼저 Google 태그 관리자로 이동하여 미리 보기 버튼을 클릭하고 미리 보기 모드로 들어갑니다.
  2. 추적 코드를 설정한 사이트로 이동하면 Google 태그 관리자 콘솔이 나타납니다. 요약 섹션에 Vimeo 항목이 있는지 확인하고 콘솔 자체에서 데이터 영역 탭을 클릭하여 Vimeo 이벤트가 있는지 볼 수도 있습니다.

datalayer.png

⚠️참고: 웹페이지에 접속할 때 디버그 창이 나타나지 않으면 웹사이트에 Google 태그 관리자가 올바르게 설치는지 확인하세요.

사용자 정의 변수 및 트리거

Vimeo 추적 코드가 설치되었음을 확인한 후에는 이벤트를 추적하기 위해 사용자 정의 변수 및 트리거 생성에 대한 Google의 지침을 따를 것을 권장합니다.

다음 사양은 변수와 트리거를 생성하는 데 도움이 될 수 있습니다.

변수 설정

  • event_category: 동영상
  • event_action (값은 소문자로 입력하고 아래의 형식과 일치해야 합니다.)
    • 로드
    • 재생
    • 진행률 - 25%
    • progress - 50%
    • progress - 75%
    • progress - 100%
    • 이메일 수집
  • event_label: 동영상 제목 + 동영상 ID. 예: '내 Vimeo 동영상 | 78934'

트리거 설정

  • 트리거 유형: 커스텀 이벤트
  • 이벤트 이름: vimeo(값은 소문자로 입력해야 합니다.)

추가 정보

Google Analytics 연동에 대해 참고해야 할 몇 가지 기술적 사항:

  • 추적 라이브러리가 범용의 경우 ga로, 클래식의 경우 _gaq로, Google Tag Manager의 경우 dataLayer로 정의된 경우에 한해 이 스크립트가 범용 분석 기능, 클래식 분석 기능 및 Google Tag Manager에 작동합니다.
  • 스크립트를 사용하는 경우 Vimeo 플레이어 API (https://player.vimeo.com/api/player.js)를 추가하지 마십시오. 해당 라이브러리의 기능이 필요하다면 Google Analytics 추적 스크립트 이후에 코드를 삽입해야합니다.

관련 문서

=