1. Крок 1. Підключення Google Tag Manager
2. Крок 2. Створення Тегу запуску події Wistia
3. Отже, тут ми створюємо нове Подія, для якого вказуємо:
4. Крок 3. Створення Тегу для перехоплювання події
5. Створення віртуального тега Pageview
6. Крок 5. Налаштування Цілей в Google Analytics (опціонально)

Багато вже переключилися на новий варіант роботи з Google Analytics і безліччю інших скриптів, що підключаються на сайті - використання їх через Google Tag Manager набагато полегшує роботу. Для тих, хто використовує на своїх сайтах цей чудовий інструмент, а також використовує зручний сервіс зберігання відео і гідну альтернативу YouTube - Wisita.net - написано це керівництво. Позначу відразу, що даний пост - в більшості своїй переклад статті Brad McAuley і був узятий в його блозі (не доступний більше за старою посиланням). Бред був настільки люб'язний, що пояснив мені ті моменти, які я не зрозумів з його керівництва. На основі його керівництва і досвіду застосування в нашій аналітиці та народився даний пост.

Wistia - відмінний сервіс, у неї є власна аналітика по результатам пошуку відео, але якщо ви хочете зробити це через Tag Manager та ще й отримати більше даних - прошу до прочитання і застосування.

UPDATE - зараз Wistia впровадила свою інтеграцію з Google Analytics, яка самостійно відправляє івенти в вашу аналітику 4 рази на 1 перегляд відео - на початку, і кожної чверті перегляду відео. Порівняйте з їх інструкцією по інтеграції з Google Analytics, там все докладно описано.

Отже, план такий:

По завершенню ви насолоджуєтеся повною інформацією про переглянутих відео.

Крок 1. Підключення Google Tag Manager

Процес установки полягає в наступному - йдемо на сайт Тег менеджера - http://www.google.ru/tagmanager/get-started.html, реєструємося і створюємо аккаунт для сайту, далі отримуємо в ньому шматочок коду, який необхідно розмістити в коді сайту відразу після відкриваючого тега body. В цілому, установка так-же проста, як і стандартний лічильник Google Analytics.

Крок 2. Створення Тегу запуску події Wistia

Створіть новий тег типу «Призначений для користувача тег HTML». Назвіть його «Wistia Analytics Tracking» і визначте йому правило запуску на всіх сторінках (або ви можете вказати йому певні сторінки вашого сайту, на яких знаходяться відео). Загалом, ми будемо відпрацьовувати подія на перших 15 секундах, за 15 секунд до кінця, і в 10-ти процентних інтервалах всього відео (разом 12 подій на перегляд 1 цілого відео).

Отже, тут ми створюємо нове Подія, для якого вказуємо:

• Category = «Video»
• Action = [viewing behavior]
• Label = [name of video]

Створення тега і правила спрацьовування коду відстеження

Скопіюйте код для вставки в поле HTML:

<Script src = "" http://fast.wistia.net/static/embed_shepherd-v1.js ""> </ script> <script> // <! [CDATA [wistiaEmbeds.onFind (function (video) {video .bind ( "play", function () {dataLayer.push ({ 'event': 'GAevent', 'eventCategory': 'Video', 'eventAction': 'Play', 'eventLabel': video.name ()} ); return this.unbind;}). bind ( "end", function () {dataLayer.push ({ 'event': 'GAevent', 'eventCategory': 'Video', 'eventAction': 'Complete', ' eventLabel ': video.name ()}); return this.unbind;}). bind ( "secondchange", function (s) {// 15 Second Mark if (video.duration ()> 150) {if (s = == 15) {dataLayer.push ({ 'event': 'GAevent', 'eventCategory': 'Video', 'eventAction': '15 Seconds ',' eventLabel ': video.name ()}); return this. unbind;} else {}} //! Looped Events!}). bind ( "secondchange", function (s) {for (var i = 1; i <11; i ++) {if (s == i * Math. round (video.duration () / 10)) {dataLayer.push ({ 'event': 'GAevent', 'eventCategory': 'Video', 'eventAction': i + '0% Watched', 'eventLabel': video .name ()});}} //! End Looped Events!}). bin d ( "secondchange", function (s) {// 15 Second Mark if (video.duration ()> 150) {if (s == video.duration () - 15) {dataLayer.push ({ 'event': 'GAevent', 'eventCategory': 'Video', 'eventAction': 'Final 15 Seconds', 'eventLabel': video.name ()}); return this.unbind; } Else {}}}); }); //]]> </ script> <script src = "" // fast.wistia.net/labs/fresh-url/v1.js "" async = ""> </ script>

Крок 3. Створення Тегу для перехоплювання події

Це ті самі події, які будуть запускатися тегом, створеним в Кроці 2

Створення віртуального тега Pageview

А ось тут і відбувається магія! Ми створимо віртуальний Перегляд Сторінки (virtual pageview) для кожного етапу відео завдяки Подіям, створеним в кроці 2 .

Примітка: дана дія в рази збільшить значення промотра сторінок в вашій Аналітиці, але Google Analytics отже зрушує свою увагу на методи аналізу, засновані на аспектах Користувача (на противагу результатам пошуку сторінок). Це означає, що аналіз поведінкових аспектів буде більш корисним, ніж аналіз статистик переглядів сторінок і пов'язаних даних.

Що ми робимо на даному етапі?

• Додаємо новий тег типу Universal Analytics
• Вводимо код аккаунта вашого сайту (той, що xxxxxxx-xx)
• Додаємо {{4eventLabel}} / {{3eventAction}} в «Шлях до документа»

Правило GAevent для відео

Фінальний тег спрацьовування Перегляду сторінки (pageview)

Переконайтеся, що створили нове Правило для запуску цього тега Перегляду сторінки. Якщо не створите, то кожне Подія, що спрацював на вашій сторінці, буде створювати відповідний Перегляд сторінки.

Умови для Правила:

{{1event}} contains GAevent
{{2eventCategory}} contains Video

Крок 5. Налаштування Цілей в Google Analytics (опціонально)

Хоча в Google Analytics не обов'язково налаштовувати Цілі вручну (так як все одно є звіт щодо подій, в якому ви побачите тунель ваших Подій в перегляді відео), ви можете налаштувати хоча-б 3 Цілі:

1. Перші 15 секунд
2. Останні 15 секунд
3. Відео перегляд

Для перших двох Цілей налаштуйте їх як стандартні Цілі в яких «Action Equals to 15 seconds» і «Action Equals to Final 15 seconds» відповідно.

Для третьої Цілі ми повинні будемо налаштувати тип Цілі - Мета (Destination, тобто - призначення, хоча в російській Google Analytics вона звучить саме як «Мета»):

Призначенням мети буде фінальний віртуальний Перегляд сторінки (pageview) цього відео. Для цієї процедури ми налаштуємо регулярний вираз для перехоплення всіх програшів відео, не враховуючи назву самого відео (а це перша половина назви віртуального Перегляду).

Регулярний вираз для призначення Цілі:
/.*/complete

Увімкніть опцію «Послідовність» і заповніть за наступним принципом всі необхідні для вас етапи:

• Step 1: /.*/play
• Step 2: /.*/ 10%. *
• Step 3: /.*/ 20%. *
• ...
• Step 10: /.*/ 90%. *

Налаштування для Послідовності в Призначенні Цілі

Відразу хочу ще раз зазначити, що не варто звертати уваги на кількість подій - вони не показують скільки разів було переглянуто відео.

Події в звіті про події Google Analytics

Вдалих вам відстежень та аналітики!