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


Реклама


Нет комментариев


Извините, обсуждение на данный момент закрыто.