Цели в Яндекс Метрике и плагин для WordPress — Contact Form 7

Привет, чтобы настроить цели в Яндекс Метрике нужно зайти в панель Яндекс Метрики, выбрать нужный счетчик, перейти в настройки целей и добавить цель. Ничего сложного там нет, если цель - посещение страниц, тогда вписываем в поле цели тот url, который хотим отслеживать. Если цель JS событие, а именно нажатие по кнопке, тогда по инструкции Яндекса добавляем для элемента событие типа:

onclick="yaCounterXXXXXX.reachGoal('TARGET_NAME'); return true;"

Если мы на сайте WordPress используем плагин для создания форм Contact Form 7, то из панели управления мы не сможем добавить такое событие в форму.
А чтобы решить данную задачу делаем следующее: в файл темы footer.php перед закрывающим элементом </body> добавляем код типа:

<script>
	document.addEventListener( 'wpcf7submit', function( event ) {
		if(event.detail.contactFormId=="7777"){
			yaCounterXXXXXXXX.reachGoal('TARGET');
		}
	}, false );
</script>

Где Вам нужно изменить несколько значений, а именно 7777 на id своей формы, XXXXXXXX на номер счетчика в Яндекс Метрике и TARGET на свой идентификатор цели (придумываем сами). Событие в метрике сработает только если данные из формы будут успешно отправлены.

Цель типа "событие" для любого элемента

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

<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery('css селектор').attr("onclick", "gtag('event', 'link_click'); yaCounterXXXXXXXX.reachGoal('link_click'); return true;");
	});
</script>

В данном примере подключаем одновременно две цели, одна yandex metrika, другая google analytics. Соответственно прописываем свой "css селектор", к тому элементу, к которому нужно добавить событие при нажатии и меняем номер счетчика метрики, а также идентификаторы метрики и гугл аналитики. Для данного куска кода нужно, чтобы на сайте была подключена библиотека jQuery.

2 комментария

  1. Здравствуйте. Везде пишут как подключить цель метрики, если контактная форма сделана в Contact Form 7. А как настроить цель метрики в формах, сделанных в WPForms? Можете подсказать?

    1. Я не работаю с данным плагином, чтобы сделать аналогично cf7 нужно разбираться в работе плагина. А так Вы можете подключить цель срабатывающую при нажатии на кнопку без условия успешного отправления данных с помощью jQuery кода указанного в этой заметке.

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

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