Заметка №4: Добавляем цель «Событие» на форму или на кнопку

Рассмотрим два события это onclick и onsubmit, почему именно их? Потому что хочется запомнить, раз и навсегда, как устанавливать цели на различные действия на сайте (javascript-событие в Метрике). Я понимаю что об этом много было сказано, но хочется что б в одном месте были нужные мне заметки.

Onclick и Onsubmit на примере целей Яндекс.Метрики

Немного теории, начнем с onclick. Событие возникающее при клике на левую кнопочку мыши по ссылке, кнопке, или по какому либо другому элементу где установлен этот атрибут.

Устанавливаем событие на кнопку (Пример из настройки целей в Яндекс.Метрике)
<input type="button" onclick="yaCounterNNNNNNNN.reachGoal('Индикатор цели'); return true;" value="Купить" />Onsubmit активируется непосредственно при отправке формы, это чаще всего происходит после нажатия на кнопку отправить или купить. Такие формы обычно используются для отправки сообщений пользователей, владельцам сайтов, можете посмотреть у меня в разделе контакты.

Устанавливаем событие на форму (Пример из настройки целей в Яндекс.Метрике)
<form action="" method="get" onsubmit="yaCounterNNNNNNNN.reachGoal('Индикатор цели'); return true;">В случае установки цели на форму обратной связи, я бы советовал использовать onsubmit, так как Метрика будет показывать точное количество людей которые отправили вам сообщения, нежели если вы установите onclick на кнопку в этой форме. Если например человек не заполнил обязательно поле или ввел неправильно email и кликнул отправить, а у вас сработала проверка, Метрика это зафиксирует, а человек ведь может и передумать что то Вам писать, соответственно показания будут не точными.

NNNNNNNN — Номер счетчика
Индикатор цели — только латинскими буквами, вписываем индикатор цели который Вы добавили в Яндекс.Метрике

Добавление события для формы в плагине Contact Form 7

Для тех кто использует Contact Form 7 на движке WordPress, в плагине нужно зайти в настройки той формы в которую хотите добавить цель, далее перейти во вкладку Additional Settings и вставить следующий код:
on_sent_ok: "yaCounterNNNNNNNN.reachGoal('Индикатор цели');"

Всего ( 0 )
  • Жду ваших комментов

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

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