Analytics
Сейчас в сети: 543
Сейчас в сети: 543
Настройка целей, отслеживание электронной торговли, многоканальные последовательности и тд
Подсказки
star_border
Ответить

Настройка событий на промо сайте

Магистр ✭

Добрый вечер

 

У нас на промо сайте появился всплывающий блок, в котором через iframe вставлен блок видео из youtube.
Я хотела настроить ивенты на клики по по кнопкам Смотреть видео, а так же прослушивать сколько раз было запущено видео, просмотрено до конца и остановлено.

 

Ссылка на промо сайт с указанием блока с видео: http://prntscr.com/93s0aq
Событие нужно настроить на кнопку "Смотреть". Я пробовала разные комбинации идентификации элемента, но ни один не передаётся в аналитику.

Может быть нужно присвоить отдельный Url для этой страницы?

Помогите пожалуйста с настройкой событий на промо сайте.

Заранее спасибо

1 Ответ экспертаverified_user

Re: Настройка событий на промо сайте

Ведущий участник
Добрый вечер
Кнопку "Смотреть видео" - как клик по элементу, а вот с видео во фрейме и его отслеживанием не так все просто. Нужно использовать iframe API:
https://developers.google.com/youtube/iframe_api_reference
Есть готовые скрипты, например от lunametrics :
http://www.lunametrics.com/blog/2015/05/11/updated-youtube-tracking-google-analytics-gtm/

Re: Настройка событий на промо сайте

Ведущий участник

Re: Настройка событий на промо сайте

Магистр ✭

Андрей, добрый день

спасибо за ссылки.
По отслеживанию кликов по кнопке: пробовала разные варианты идентификации элемента. Но ни один не работает- сейчас событие не передается. Пробовала настраивать по Classe, ID, text. 
триггер- ссылка

 

По настройке события использовала материал с cardinalpath.
макросы action, label- ссылка

youtube is present- ссылка

тэг youtube Listener- как в инструкции

триггер Youtube present- ссылка

триггер Youtube event- ссылка

основной тэг передачи данных- ссылка

 

Может быть следуем сделать отдельный url для всплывающей страницы с блоком видео?

 

Заранее спасибо

Re: Настройка событий на промо сайте

Ведущий участник
Клик по кнопке : клик-текст = СМОТРЕТЬ

Re: Настройка событий на промо сайте

Ведущий участник
У cardinalpath, кажется ошибка:
function trackYTUnload() {
for (var i = 0; i < gtmYTplayers.length; i++)
if (gtmYTlisteners[i].getPlayerState() === 1) {...

gtmYTplayers - не определена, скорей всего вместо неё должна быть gtmYTlisteners

Re: Настройка событий на промо сайте

Магистр ✭
Андрей, добрый день
Перенастроила эвент по клику на кнопку, но передачу данных не удается поверить. Событие не отражается режиме реального времени (пробовала разные варианты взаимодействий) .
Так же исправила отслеживание Youtube- так же данных о просмотре нет.

Re: Настройка событий на промо сайте

Ведущий участник

По клику:

Добавьте еще адрес страницы, если кнопка не уникальнаяscreenshot-tagmanager.google.com 2015-11-19 20-04-02.png

Re: Настройка событий на промо сайте

Ведущий участник

По плейеру, верните код обратно, gtmYTplayers нашел где определяется, с ней все нормально. А вот на сайте нестандартная вставка кода.
1. в коде нет scr у фрейма Youtube , а по нему скрипт ищет, если ли вставка youtube.
Для этого меняем переменную Youtube is present на следующий код:

// Return "true" if there is at least one Youtube video on the page
function () {
    for (var e = document.getElementsByTagName('iframe'), x = e.length; x--Подмигивающий
        if (/youtube.com\/embed/.test(e[x].dataset.src)) return true;
    return false;
}


2. В ссылке к ютубу должна активироваться API, для этого в ссылке должно быть ?enablejsapi=1 - а у Вас её нет

 

3. В коде прослушивателя так же есть scr, но так как до него не дошло дело из-за ошибки с API, то дальше не возможно отследить,