Отслеживание целей кнопок и форм Elementor в Google Analytics и Яндекс Метрике

Отследить нажатие на кнопки и заполнение форм в Google Analytics и Яндекс Метрике, сделанных в Elementor/Pro можно с помощью кода:

<script type="text/javascript">
jQuery( document ).ready(function( $ ){
//Buttons
	$( '#email-button' ).on('click', function(){
		ga( 'send', 'event', 'button', 'click', 'Email' );
		yaCounterXXXXXXXX.reachGoal('header-email');
	});
	
	$( '#phone-button' ).on('click', function(){
		ga( 'send', 'event', 'button', 'click', 'Phone' );
		yaCounterXXXXXXXX.reachGoal('header-phone');
	});
	
//Forms
	$( '#demo-form' ).on('submit_success', function(){
		ga('send', 'event', 'Lead', 'Submit', 'GetDemo');
		yaCounterXXXXXXXX.reachGoal('demo-form');
	});
	
	$( '#contact-form' ).on('submit_success', function(){
		ga('send', 'event', 'Lead', 'Submit', 'Contact');
		yaCounterXXXXXXXX.reachGoal('contact-form');
	});
});
</script>
  • Коды отслеживания Google Analytics и Яндекс Метрики уже должны быть установлены на вашем сайте;
  • Обязательно нужно заменить ID форм и кнопок в коде на свои и задать соответствующие ID в полях виджетов;
  • Нужно создать цели в настройках Google Analytics и Яндекс Метрики;
  • Настройка отслеживания Google Analytics производится по желанию в формате: Категория > Действие или Категория > Действие > Ярлык;
  • В коде отслеживания Яндекс Метрики нужно заменить XXXXXXXX на номер вашего счётчика;