Цели метрик для кнопки или ссылки

Как добавить цели для Яндекс.Метрики и Google.Analytics на кнопки или ссылки

Для того, чтобы эффективно отслеживать в Яндекс.Метрики или Google.Analytics различные действия пользователей, можно воспользоваться таким инструментом, как цели. По ним можно с одного взгляда понять, сколько выполнено определённых действий. Но, если с отслеживанием посещения отдельных страниц у большинства пользователей проблем не возникает, то такие слова как "скрипт" или "javascript" на неискушённых людей сразу навевают тоску зелёную.

spydevices.ru цели на кнопки ссылки

Постараемся рассказать попроще, как это сделать на двух примерах. На неком сайте есть кнопка "Позвонить", адрес электронной почты и кнопка перехода в группу Вконтакте. Для разнообразия установим на кнопку "Позвонить" код для Яндекс.Метрики, на электронную почту установим код для 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) — ОК.

spydevices.ru цели на кнопки ссылки

 

spydevices.ru цели на кнопки ссылки

Готово, цель установлена. Теперь мы сможем сразу увидеть, сколько человек кликали эту кнопку. Чтобы посмотреть показатели целей, заходим: Отчёты — Стандартные отчёты — Конверсии.

spydevices.ru цели на кнопки ссылки

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’);">info@site.ru</a>, где email-num и email-click — любые слова, которые вы сами придумаете.

Теперь открываем Google.Analytics — Администратор (слева внизу) — Цели — "+ цель" — выбираем подходящий пункт (например, "Связаться с нами") — Продолжить — Указываем название — Тип: "Событие" — Продолжить — Категория: email-num — Действие: email-click — Сохранить.

spydevices.ru цели на кнопки ссылки

spydevices.ru цели на кнопки ссылки

Готово, цель для Google.Analytics добавлена. Посмотреть её можно так: Конверсии — Цели — Обзор. Вот только действовать она может начать нескоро, с задержкой до двух дней.

spydevices.ru цели на кнопки ссылки

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’);"><img  src="images/vk-40.png" /></a>

Все цели так же, как и было описано выше, устанавливаются в метрике и аналитике.

(Visited 125 times, 1 visits today)

Вам понравиться