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

Ещё интересное


Добавить комментарий