Для того, чтобы эффективно отслеживать в Яндекс.Метрики или Google.Analytics различные действия пользователей, можно воспользоваться таким инструментом, как цели. По ним можно с одного взгляда понять, сколько выполнено определённых действий. Но, если с отслеживанием посещения отдельных страниц у большинства пользователей проблем не возникает, то такие слова как «скрипт» или «javascript» на неискушённых людей сразу навевают тоску зелёную.
Постараемся рассказать попроще, как это сделать на двух примерах. На неком сайте есть кнопка «Позвонить», адрес электронной почты и кнопка перехода в группу Вконтакте. Для разнообразия установим на кнопку «Позвонить» код для Яндекс.Метрики, на электронную почту установим код для Google.Analytics, а для соц.кнопки установим оба кода вместе.
1. JavaScript-код для Яндекс.Метрики
Находим код кнопки «Позвонить»:
<a href=»tel:+79001234567″> <img src=»images/phone.png» > </a>
Теперь нужно вставить в ссылку код. Вставляем его.
<a href=»tel:+79001234567″ onClick=»yaCounter88888888.reachGoal(‘call-img’);»> <img src=»images/phone.png» > </a>
Здесь 88888888 — это номер счётчика Яндекс.Метрики, а call-img — это идентификатор цели, который может быть любым, какой вам удобнее (например cat или moya_knopka). Далее заходим в Яндекс.Метрику — Настройки- Цели — Добавить цель — Указываем Название — JavaScript-событие — Указываем Идентификатор цели (у нас call-img) — ОК.
Готово, цель установлена. Теперь мы сможем сразу увидеть, сколько человек кликали эту кнопку. Чтобы посмотреть показатели целей, заходим: Отчёты — Стандартные отчёты — Конверсии.
2. JavaScript-код для Google.Analytics
Теперь вставим код для Google.Analytics на надпись электронной почты. Находим эту запись в коде страницы.
<a href=»mailto:info@site.ru»>info@site.ru</a>
Вставляем в ссылку код Google.Analytics.
<a href=»mailto:info@site.ru» onClick=»ga(‘send’, ‘event’, ’email-num’, ’email-click’, ‘click_email’, ’20’);»>info@site.ru</a>, где email-num — Категория, email-click — Действие, click_email — Ярлык и 20 — Ценность конверсии, которую вы устанавливаете сами. Все последние 4 позиции — слова вы придумаете самостоятельно, т.е. вместо email-click можно написать что угодно. Но слова ‘send’ и ‘event’ должны остаться, и ставку нужно указывать в цифрах.
Теперь открываем Google.Analytics — Администратор (слева внизу) — Цели — «+ цель» — выбираем подходящий пункт (например, «Связаться с нами«) — Продолжить — Указываем название — Тип: «Событие» — Продолжить — Категория: email-num — Действие: email-click — Ярлык: click_email — Ценность: «Равно» — 20 — Сохранить.
Готово, цель для Google.Analytics добавлена. Посмотреть её можно так: Конверсии — Цели — Обзор. Вот только действовать она может начать нескоро, с задержкой до двух дней.
3. Установка обоих кодов вместе
На кнопку перехода в группу Вконтакте установим оба кода, чтобы можно смотреть цели и в Яндекс.Метрике, и в Google.Analytics. Найдём код кнопки.
<a href=»https://vk.com/public123456″ ><img src=»images/vk-40.png» /></a>
И поставим на неё коды. Ставятся они просто рядом через в теге onClick (для наглядности код Яндекс.Метрики выделим зелёным цветом).
<a href=»https://vk.com/public123456″ onClick=»yaCounter25413658.reachGoal(‘soc-click’); ga(‘send’, ‘event’, ’email-num’, ’email-click’, ‘click_email’, ’20’);»><img src=»images/vk-40.png» /></a>
Все цели так же, как и было описано выше, устанавливаются в метрике и аналитике.
Источник:
