Просмотров: 3 870

Яндекс Метрика. Цель событие. Отслеживание подписок на рассылку.

Очередная распространенная задача, которая возникает у многих людей, которые ведут свой сайт в сети Интернет, это отслеживание подписок на рассылки через формы подписки на сайте.

10-03-2014-14-39-02

Если вы ведете свою рассылку и размещаете формы подписки на нее на своем сайте, вам, наверняка, было бы интересно узнать подписываются ли вообще на нее посетители вашего сайта и на каких именно страницах это происходит.

В системе Яндекс Метрика это все можно организовать с помощью целей.

Давайте рассмотрим, последовательность действий, как этого можно добиться.

Шаг 1. Создаем новую цель.

О том, где создаются новые цели я писал здесь.

Создаем новую цель для которой выставляем условие «Событие» и придумываем какой-либо идентификатор для цели.

16-06-2014 8-28-19

Идентификатор — это любой набор символов на латинице, единственное, при задании цели запрещается для него использовать следующие символы:  /, &, #, ?, =.

Запоминаем, а лучше записываем идентификатор цели, который вы только что придумали.

Шаг 2. Немного меняем исходный код формы подписки, который размещается на сайте.

Теперь нам предстоит немного вмешаться в исходный код формы подписки, который размещается на вашем сайте. Я покажу это на примере кода подписки, который используется на сервисе Smartresponder.

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

<form method="post" action="https://smartresponder.ru/subscribe.html" 
target="_blank" name="SR_form_1_6" id="css1kyrsform">
<input type="hidden" name="uid" value="32512">
<input type="hidden" name="tid" value="0">
<input type="hidden" name="lang" value="ru">
<input type="hidden" name="did[]" value="639945">
<input name="script_url_1_6" 
type="hidden" value="https://imgs.smartresponder.ru/on/
6e7d54aeeac42d70e634c580f2d1395c1a8959f2/1_6"><input type="text"
 name="field_email" class="sr-required email" value=""
 placeholder="Введите ваш e-mail"><input type="submit" name="subscribe"
 class="button" style="height:45px;" value="Получить весь курс" ></form>

Все, что нужно сделать, это найти в форме подписки элемент <form> и добавить для этого элемента атрибут в следующем формате:

onsubmit="yaCounter11959423.reachGoal('cssverst'); return true;"

В значении этого атрибута нужно поменять два значения:

1) Номер счетчика, который указывается после

yaCounter

Как узнать номер счетчика в Яндекс Метрике можно почитать здесь.

2) в качестве значения reachGoal указывается идендификатор цели, которую мы создали в предыдущем шаге.

В итоге, исходный код формы подписки приобретает следующий вид.

<form method="post" action="https://smartresponder.ru/subscribe.html" 
onsubmit="yaCounter11959423.reachGoal('cssverst'); return true;" 
target="_blank" name="SR_form_1_6" id="css1kyrsform">
<input type="hidden" name="uid" value="32512">
<input type="hidden" name="tid" value="0">
<input type="hidden" name="lang" value="ru">
<input type="hidden" name="did[]" value="639945">
<input name="script_url_1_6" type="hidden" value="
https://imgs.smartresponder.ru/on/6e7d54aeeac42d70e634c580f2d1395c1a8959f2/1_6">
<input type="text" name="field_email" class="sr-required email" 
value="" placeholder="Введите ваш e-mail"><input type="submit" 
name="subscribe" class="button" style="height:45px;" 
value="Получить весь курс" ></form>

Добавив атрибут onsubmit  с помощью технологии javascript на веб-странице теперь будет фиксироваться отправка данных с формы. Как только пользователь зашел на веб-страницу, заполнил данные в форме и нажал на кнопку «Отправить» срабатывает событие onsubmit и в систему Яндекс Метрика передаются данные о том, что цель с идентификатором  ‘cssverst’ выполнена.

Размещайте этот код на сайте и наблюдайте, как начнут фиксироваться выполнения цели.

Все уроки курса «Яндекс.Метрика. Работа с целями.» можно получить здесь.

  • https://plus.google.com/u/0/114065073660018811853/ Киселев Игорь

    У смартреспондера изменился код формы подписки. Теперь там есть метод «onsubmit». Напишите, пожалуйста, как быть с этим?