Отслеживание VideoJS с Диспетчером тегов Google

Question

Я хотел бы отслеживать VideoJS с помощью Диспетчера тегов Google. Поскольку я довольно новичок в GTM, я понятия не имею, как действовать дальше. Я только сделал некоторые базовые вещи, такие как отслеживание ссылок на mailto и загрузка PDF с помощью учебников.

Я нашел проект на Github под названием videojs-ga, который выглядит многообещающим, теперь как правильно подключиться и установить его в GTM? В идеале мы бы следили за количеством пьес и продолжительностью просмотра видео. Нет необходимости отслеживать несколько видеороликов на странице, так как в любой момент есть только одно видео на одной странице.

Также, если есть лучший способ отслеживать VideoJS с GTM, я открыт для предложений!

Answer 1

Предлагаю вам сделать вилку из кода в этом репозитории/загрузить файл из src и внести изменения локально. В строке 104, где он говорит:

sendbeacon = function(action, nonInteraction, value) { 
     if (window.ga) { 
     ga('send', 'event', { 
      'eventCategory': eventCategory, 
      'eventAction': action, 
      'eventLabel': eventLabel, 
      'eventValue': value, 
      'nonInteraction': nonInteraction 
     }); 
     } else if (window._gaq) { 
     _gaq.push(['_trackEvent', eventCategory, action, eventLabel, value, nonInteraction]); 
     } else if (options.debug) { 
     console.log("Google Analytics not detected"); 
     } 
    }; 

заменить материал в пределах объекта функции sendbeacton следующим образом:

sendbeacon = function(action, nonInteraction, value) { 
    dataLayer.push(
      'eventCategory': eventCategory, 
      'eventAction': action, 
      'eventLabel': eventLabel, 
      'event' : 'videojs'      
    ); 
}; 

(убедитесь, что переменная dataLayer объявлена ​​где-то перед кодом GTM). Создайте тег скрипта, который связывает измененный скрипт с нашей страницей.

Затем создайте три переменные типа «dataLayer», которые считывают их значения из eventCategory, eventAction и eventLabel соответственно. Настройте тег Google Analytics и настройте его для отслеживания событий и передайте переменные в соответствующие поля. Создайте настраиваемое событие типа триггера, событие eq 'videojs' и используйте его для запуска тега отслеживания событий GA.