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

Цели на кнопку в Яндекс.Метрике

1) В верхнем меню нажмите «Счетчики»:

 Eq-IOi997iw

2) Выберите, для какого счетчика настраивать цель. Кликните по значку настроек рядом с ним:

c7_09WNkP9A

Выйдет страница настройки.

3) Перейдите по вкладке «Цели» и добавьте новую:

VkCGPCtk1S0

В Метрике 4 вида целей. Обо всех написано здесь.

Дальше мы рассмотрим подробно настройку цели на кнопку. Для этого создаем JavaScript-Событие.

4) Выберите условие «JavaScript-событие».

 0QHta_ZVV-Q

Придумайте название, по которому легко понять, что за цель, и уникальный идентификатор.

Требования к значению идентификатора

  • Не повторяется на сайте более одного раза (для каждой кнопки – своя цель);
  • Соответствует тому, которое вы вставите в код сайта.

Когда всё готово, нажмите «Добавить цель».

Так как мы настраиваем цель на кнопку, нужно, чтобы при нажатии на сайте работала функция вызова цели. Для этого корректируем html-код сайта.

5) Найдите фрагмент кода, который отвечает за кнопку. Добавьте в него тег onclick:

<input type= “button” value= “ТЕКСТ_КНОПКИ” onclick= “yaCounterID_CЧЕТЧИКА.reachGoal(‘ИДЕНТИФИКАТОР‘); return true;”>

Пример

Пользователи нажимают на сайте кнопку, чтобы подписаться. Мы отслеживаем это событие. Имя идентификатора – push_button.

  • Заменяем в теге номер счетчика и уникальный идентификатор. В итоге тег выглядит так:

onclick= “yaCounterXXXXXXXX.reachGoal(‘push_button‘); return true;”>

  • Копируем его без закрывающего символа >;
  • Открываем код и находим строку с настройкой кнопки;
  • Вставляем в нее тег:

<td><input type= “submit” value= “подписаться” onclick= “yaCounterXXXXXXXX.reachGoal(‘push_button‘); return true;” /><td>

Проверяем, на месте ли закрывающий элемент />.

  • Сохраняем и закрываем.

Проверка

Чтобы убедиться, что информация о нажатии на кнопку отправляется, добавьте в адрес страницы такой параметр:

http:///?_ym_debug=1

После этого проверяйте сообщения о достижении целей в консоли браузера (Ctrl + Shift + J).

Настройка цели на кнопку в Google.Analytics

Отследить цель в GA можно, если добавить в код событие или виртуальную страницу.

Алгоритм следующий:

1) Узнайте код кнопки.

sQ60HBo7oXg

Для этого кликните по ней правой кнопкой мыши – и выйдет такое меню:

 JT0GBo12ypA

В нем нажмите «Просмотреть код».

Выглядит он примерно так:

<div class=“button red3 cart”id= “413”>ТЕКСТ_КНОПКИ</div>

2) Добавьте тег события:

onClick=“ga (‘send’, ‘event’, ‘submit’, ‘НАЗВАНИЕ_СОБЫТИЯ’);”

Допустим, событие – посетитель интернет-магазина нажимает «Купить». Название – buy_button. В итоге получается строка:

<div class=“button red3 cart”id= “413”>Купить</div> onClick=“ga (‘send’, ‘event’, ‘submint’, ‘buy_button’);”>

Либо по аналогии – тег виртуальной страницы:

onClick=“ga (‘send’, ‘pageview’, ‘URL_СТРАНИЦЫ’);”

Затем создаем цель в Google Analytics.

3) В панели «Администратор» выберите следующие параметры:

ulylz_Xgbuo

И перейдите в раздел «Цели».

4) Создайте цель:

 79vZL6QLUvY

5) Настройте её, как показано на скриншотах.

Тип «Событие»

Шаг 1:

 rMUMmZYWHQU

Шаг 2:

 yl9MmjWTY18

Шаг 3:

 S9mocbFwH1s

Впишите ту же категорию, которую задавали в коде:

onClick=“ga (‘send’, ‘event’, ‘submit’, ‘buy_button’);”

Укажите действие. В нашем примере это buy_button.

Сохраните.

Тип «Целевая страница»

Принцип тот же, что для цели «Просмотр страницы» (смотрите полное руководство по целям в GA), но вы подставляете значение не реальной, а виртуальной страницы.

Шаг 1: тот же.

Шаг 2:

 hsoNeixxmpg

Шаг 3:

 ScblfxD5spU

В этом поле – адрес виртуальной страницы, на которую попадает посетитель после того, как нажимает на кнопку.

6) По желанию включите опцию «Последовательность» и задайте следующие шаги. В нашем примере – это добавление в корзину и оформление заказа:

 KRPeHzYVdUY

Сохраните.

Проверка

  • Перейдите в раздел Отчеты / В режиме реального времени.
  • В другой вкладке браузера откройте сайт и совершите целевое действие;
  • Снова переключитесь на GA. Проверьте вкладку «Конверсии»:
 PyJ8hmhbCnM

Составные цели в Яндекс.Метрике

1) Добавьте новую цель:

 dYRgA2Jy_CM

Впишите название и отметьте, что она составная:

 G9u02SVw9Rc

Далее – настройка условий. Каждое соответствует определенному этапу.

По идее, составная цель – это последовательный набор простых целей «JavaScript-событие» или «Посещение страниц», которые вы создали заранее. Как это делать, читайте здесь.

2) Создайте первый шаг-условие:

 agRAdqVE768

Настройте его как посещение какой-либо страницы или событие. Для этого выберите тип условия:

 xsu4VZIXfcA

В поле «Значение» укажите частичный / полный URL перехода или идентификатор события.

 nw9zXBBjgWw

Когда шаг готов, нажмите «Добавить шаг».

3) Создайте следующие по аналогии с помощью кнопки «Добавить еще шаг».

4) Чтобы сохранить всё, нажмите «Добавить цель».

В чем польза

Когда статистики по составной цели достаточно, можно её визуализировать. В этом помогает отчет «Конверсии»:

 6W6WX2zUmBE

В нем около названий есть значок воронки:

 G9u02SVw9Rc

Кликните его, чтобы увидеть показатели по каждому шагу: сколько человек успешно его прошли, а какая доля из них «отсеялась».

 agRAdqVE768

Вы получаете наглядную воронку продаж, по которой можно отследить весь путь пользователя от входа до покупки. Это позволяет определить, где у него возникают трудности, найти слабые места сайта и улучшить их.

В Google Analytics в составную цель можно включать только цели по URL. Но можно и события настроить, если использовать виртуальные страницы. Подробнее – далее.

Составные цели в Google Analytics

В отличие от Метрики, в GA нет отдельной опции для создания составных целей. Но это позволяют сделать специфические возможности при настройке обычной цели «Целевая страница».

В панели «Администратор» выберите следующие параметры:

 xsu4VZIXfcA

Перейдите в раздел «Цели» и создайте новую:

 yd7hPSOncZo

Далее – стандартный алгоритм:

 JR2GRbrxDqs

Укажите целевую страницу:

 91ANgU7QxOM

Теперь – цепочка этапов достижения цели. Включите опцию «Последовательность». Задайте этапы и элементы URL, которые появляются в адресе, когда пользователь переходит на соответствующий шаг. Например, при оформлении заказа – это order.

 736apKjaKaY

Важно!

  • Указывайте шаги в порядке их выполнения;
  • Для всех работает одинаковый оператор («Равно», «Регулярное выражение», «Начинается с»).

По тому же принципу, как в настройке целей на кнопку, этапами могут быть события (нажатие на кнопку или отправка формы).

Как включать их в код, смотрите здесь.

Для цели «Отправка формы» код выглядит примерно так:

<form onsubmit = “ga (‘send’, ‘pageview’, ‘ВИРТУАЛЬНЫЙ_АДРЕС_ФОРМЫ’); yaCounterКОД_СЧЕТЧИКА.reachGoal(‘ИДЕНТИФИКАТОР_ЦЕЛИ‘);” role = “form”>

Минус: виртуальные страницы попадают в списки страниц сайта и их проблематично отсеивать при проверке.

В чем польза

Смысл составных целей в GA тот же, что в Яндексе. Чтобы построить воронку, выбираем в боковом меню этот пункт:

 k0N9F3a2Bjg

Получаем подобный отчет:

 CG2pKcrVRoY

В нем мы видим:

  • Точки входа (слева) – с какой страницы пользователь перешел на данный шаг последовательности. Если указано «(entrance)», значит, прямо с целевой;
  • Точки выхода (справа) – страницы, на которых посетитель прекратил путь к целевому действию. Вариант «(exit)» значит, что он покинул сайт.

Как применять составные цели

Классический пример – путь покупателя в интернет-магазине.

Например, начало – переход в корзину, далее – заказ, и всё заканчивается страницей благодарности. Составная цель будет примерно такой: «Карточка товара – Оформление заказа – Заказ оформлен».

Всё просто: указываете в условиях частично или полностью URL каждой страницы, например:

  • Карточка товара – /card;
  • Оформление заказа – /order;
  • Заказ оформлен – /thankyou.

При расчете конверсий счетчик учитывает только тех пользователей, которые совершили заказы по заданному маршруту, а не просто заходили в корзину от нечего делать или из праздного любопытства.

Еще вариант применения – лендинг, на котором несколько кнопок выполняют одну функцию, например, выдают одинаковую лид-форму. Допустим, «Заказать звонок» в шапке и футере сайта. Полезно составить и проанализировать алгоритмы по каждой, чтобы выяснить, какую чаще используют.

Изучайте путь посетителей сайта и обращайте внимание, на каких этапах у них возникают проблемы. Только так можно своевременно их решить и сделать больше визитов целевыми.

Высоких вам конверсий!

Источник

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *