Отключить дополнительные пакеты интернет МТСАмедиатека списывает деньги с номера МТСЗапустил группу вконтактеНовые технологии дают толчок к будущемуЗа последние выходные почти полноценно перешёл на Linux

Яндекс метрика реакция на событие

аходим в Яндекс Метрику.

Напротив нужного сайта нажимаем на зеленую кнопку с карандашом (редактировать счетчик).

Зеленая кнопка с карандашом (редактировать счетчик)

Зеленая кнопка с карандашом (редактировать счетчик)

Переходим на вкладку «Цели» и нажимаем на кнопку «Добавить цель».

Вкладка «Цели»

Вкладка «Цели»

Во всплывшем окне перейдите во вкладку «Событие».

В поле «Название» пишем любое слово или словосочетание, описывающее цель, например, «Клик по ссылке добавить в избранное».

В поле «Идентификатор цели» пишем любое кодовое слово, идентифицирующее событие на сайте, например, «clickAddFavorite».

Всплывающее окно

Всплывающее окно

Внимание!

Значение «Идентификатор цели» уникально и не должно содержаться в URL страниц сайта. В противном случае будет собираться некорректная статистика, учитывающая посещения страниц, содержащих в адресе значение, выбранное при создании цели.

И кликаем по кнопке «Сохранить».

Шаг 2. Установка функции вызова цели

На вашем сайте на нужный элемент (ссылку или кнопку) ставим событие «onclick» или любое другое событие:


a href="#" onclick="yaCounterXXXXXX.reachGoal('clickAddFavorite'); return true;">
    Добавить в избранное

где:

XXXXXX — номер вашего счетчика;
‘clickAddFavorite’ – «Идентификатор цели», который мы писали в предыдущем шаге.

Вот и все!

Цель на Adsense

Адсенс отображается в iframe, поэтому клики по нему как в РСЯ не отследить. Самую подробную статистику (вплоть до ключевых фраз) можно получить по нему только привязав к Google Analitycs. Также можно отследить, какие страницы/блоки дают максимальный доход, добавив клиентские и URL каналы. Но сейчас не об этом, вернёмся к настройке Метрики.
Создаём еще одну цель.
adsense

Теперь нужно вызвать js-функцию reachGoal с параметром ADSENSE в момент конверсии, то есть когда пользователь кликнет по рекламе. Но события onclick не срабатывают на содержимое iframe, поэтому воспользуемся jQuery плагином iframeTracker. Он будет вызывать callback-функцию, когда курсор кликнет в любом месте внутри iframe, поэтому возможны некоторые неточности.
Подключаем необходимые для работы скрипты:

script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
script src="https://raw.githubusercontent.com/finalclap/iframeTracker-jquery/master/jquery.iframetracker.js">

Вставляем на страницу с рекламой перед закрывающим тегом следующий код:

script>

$(document).ready(function() {
// Активируем iframetracker-jquery
// Будем искать клики по iframe с параметром onload. Заранее проверяем, чтобы по этому селектору не находилось ничего лишнего, только AdSense
$('iframe[onload]').iframeTracker({
blurCallback: function(){
// При клике вызываем событие успешной цели
// Вместо XXXXXX укажите ID счётчика метрики
yaCounterXXXXXX.reachGoal('ADSENSE');
return true;
}
});
});
Читайте комментарии в коде. Не забудьте изменить ID счётчика на свой.
 
В консоли браузера на странице с рекламой выполните команду $(‘iframe[onload]’); — в логе должно показать только блоки Adsense.

Цель на Youtube

Видео на Ютубе тоже вставляется в iframe, поэтому воспользуемся предыдущим способом. Нужно только изменить селектор на другой.
Создадим в Метрике цель с идентификатором YOUTUBE.
youtube
Если вы не настраивали цель на Adsense из предыдущего варианта, подключите jQuery и iframeTracker (см. выше).
Перед </body> вставляем код:

script>
$(document).ready(function() {
// Активируем iframetracker-jquery
// Будем искать клики по iframe с параметром allowfullscreen, но без параметра allowtransparency. Заранее проверяем, чтобы по этому селектору не находилось ничего лишнего, только YouTube
$('iframe[allowfullscreen]:not([allowtransparency])').iframeTracker({
blurCallback: function(){
// При клике вызываем событие успешной цели
// Вместо XXXXXX укажите ID счётчика метрики
yaCounterXXXXXX.reachGoal('YOUTUBE');
return true;
}
});
 
});
</script
 
В консоли браузера на странице с видео выполните команду $(‘iframe[allowfullscreen]:not([allowtransparency])’); — в логе должно показать только блоки с Youtube.