iframeTracker это jQuery плагин позволяющий отслеживать клики по областям находящимся в iframe.
Это может быть полезно для отслеживания:
- Кликов по нативным кнопкам, (например «Facebook Like»)
- Кликов по социальным виджетам (например «Like Box» в Facebook или «Виджет для сообществ» в VK)
- Клики по встроенным видео (например Youtube)
- Кликов по рекламе (например Google Adsense)
- … кликов и любым другим фреймам.
Как это работает?
Т.к. невозможно получить содержимое фрейма, отслеживание клика по содержимому строится на событии blur
.
Как использовать на практике?
Оборачиваем интересующий нас iframe элемент в заранее заданный класс и вызываем функцию iframeTracker
, а в ней задаем код который должен быть выполнен при клике на iframe:
jQuery(document).ready(function($){
$('.iframe_wrap iframe').iframeTracker({
blurCallback: function(){
// Сделать что-то при клике на iframe
}
});
});
Интеграция в любую аналитику довольно проста:
В Google Tag Manger создаем Custom HTML Tag со следующим содержимым:
jQuery(document).ready(function ($) {
$('.iframe_wrap iframe').iframeTracker({
blurCallback: function () {
dataLayer.push({
'event': 'event_name',
'eventCategory': 'event_category',
'eventAction': 'click',
'eventLabel': 'event_label'
});
}
});
});
* Чтобы отслеживание работало у вас уже должно быть установлено и настроено отлеживание Track Type — Event для Universal Analytics.
Фактически у нас получается некий аналог уже встроенного в GTM функционала по прослушке кликов — Click Listener.
А дальше все просто — мы можем фиксировать клики посетителей (используя событие вызываемое при клике на iframe в качестве правила вызова в Google Tag Manager) в качестве успешных конверсий в Universal Analytics, Яндекс Метрике или любом другом аналитическом сервисе позволяющем в качестве целей задавать события (event).
Или можно складывать посетителей в списки ремаркетинга, вызывая их коды при клике на iframe.
Страница плагина на Гитхабе — https://github.com/finalclap/iframeTracker-jquery