Настройка Яндекс Директа | Настройка цели в Яндекс метрике JavaScript
16255
post-template-default,single,single-post,postid-16255,single-format-standard,qode-quick-links-1.0,ajax_fade,page_not_loaded,,vertical_menu_enabled,qode-title-hidden,side_area_uncovered_from_content,qode-content-sidebar-responsive,qode-child-theme-ver-1.0.0,qode-theme-ver-13.0,qode-theme-temdo,wpb-js-composer js-comp-ver-5.2.1,vc_responsive

Настройка цели в Яндекс метрике JavaScript

Видеоурок

Настройка цели JavaScript в Яндекс метрике.

Если, Вам нужно отследить действие отправки заявки через форму обратной связи, действие нажатия какой либо кнопки на сайте (возможно, тоже в форме), или действие наведения курсора на какое либо место на сайте (телефон), то Вам нужно настроить цель в Яндекс метрике JavaScript.

Настройка начинается с настройки самой цели JavaScript в Яндекс метрике. Тут все просто — придумываете идентификатор цели (произвольно из латинских букв), и задаете осмысленное название цели, чтобы Вам самим было понятно, за какое действие на сайте эта цель будет отвечать:

Когда цель JavaScript-событие добавлена, настройка метрики на этом закончена (само собой, метрика должна быть подключена к сайту).

Теперь, в код сайта нам нужно установить одно из трех событий:

onsubmit=»yaCounter47510107.reachGoal(‘zayavka’); return true;»

onclick=»yaCounter47510107.reachGoal(‘zayavka’); return true;»

mouseover=»yaCounter47510107.reachGoal(‘zayavka’); return true;»

В этих событиях zayavka — это тот идентификатор, который Вы прописали при настройке цели, 47510107 — номер счетчика Яндекс метрики. Соответственно, эти значения меняете на свои.

Какое событие в каких случаях использовать.
onsubmit — используется если, Вы хотите отслеживать отправку данных в форме обратной связи. Устанавливается в участок кода, отвечающий за всю форму обратной связи.
onclick — используется если, нужно отслеживать нажатие на какую либо кнопку на сайте (в том числе, может быть и в самой форме обратной связи). Устанавливается в участок кода, отвечающий за вывод самой кнопки.
mouseover — используется если, нужно отслеживать наведение курсора на какой то участок сайта. Например, на номер телефона. Устанавливается в участок кода, отвечающий за вывод блока с телефоном.

Это далеко не единственные события JavaScript, которые можно передавать в Яндекс метрику, но самые распространенные.

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

Так на сайте выглядит участок кода, отвечающий за вывод формы обратной связи:

Если, нужно отслеживать событие отправки данных через форму, то нужно использовать onsubmit в самом теге <form. Так будет выглядеть код, с установленным событием:

<form onsubmit=»yaCounter47510107.reachGoal(‘zayavka’); return true;» autocomplete=»on» method=»post»>

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

Если, нужно отслеживать событие клика по кнопке в форме, то нужно использовать onclick, и устанавливается оно уже не в код формы, а в код кнопки:

<input onclick=»yaCounter47510107.reachGoal(‘zayavka’); return true;» type=»submit» value=»Занять место» class=»fbformbox__submit»>

Аналогично кнопке, настраивается и событие наведения курсора — событие mouseover устанавливается код, отвечающий за вывод блока с телефоном, или другого блока, наведение курсора на который, нужно остлеживать.

Чаще всего, цель в Яндекс метрике JavaScript, настраивается на событие отправку данных через форму, или нажатие на кнопку.

Вопросы задавайте в комментариях.

Нет комментариев

Отправить комментарий