fbpx

Свежие статьи

Как настроить цели Яндекс Метрики в Elementor

Как настроить Цели Яндекс Метрики в Elementor

 

Давайте разберемся как легко и быстро настроить цели Яндекс метрики в Elementor

Друзья привет. У меня уже было видео как это делать, но оно уже устарело и вот вам новая, актуальная метода.

Сначала видео


если по каким то причинам не отображается, то идем и смотрим прям с ютюба https://youtu.be/fvwGNq8ujj0

В этом видео я использовал плагин Header Footer Code Manager для вставки кода Яндекс метрики и далее через него же добавили необходимые сниппеты для отслеживания целей. Легко найдете его через поиск при установке из репозитория плагинов WordPress.

Частично использовал материалы из документации по Яндекс метрики https://yandex.ru/support/metrica/general/goal-js-event.html можете самостоятельно более глубоко разобраться при желании.

Код который использовался в видео для отслеживания целей в обычном WordPress редакторе

Код кнопки с заряженным событием по клику:

<input type="button" value="Заказать" onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;" />

Если просто в ссылку то так:

onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;"

Далее мы вставили код для отслеживания кнопки:

<script type="text/javascript">
jQuery( document ).ready(function( $ ){
//Для кнопки
  $( '#button1' ).on('click', function(){
ym(63827836,'reachGoal','button1');
  });
});
</script>

Как вставить код кнопок и форм если их много

<script type="text/javascript">
jQuery( document ).ready(function( $ ){
//Для кнопки
  $( '#button1' ).on('click', function(){
ym(63827836,'reachGoal','button1');
  });
//Для телефона
  $( '#telefonniynomer').on('click', function(){
ym(63827836,'reachGoal','telefonniynomer');
 });
//Для формы
  $( '#myform' ).on('submit_success', function(){  
   ym(63827836,'reachGoal','myform');
  });
//Для формы1
  $( '#myform1' ).on('submit_success', function(){  
   ym(63827836,'reachGoal','myform1');
  });
});
</script>

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

Если не понятно что было извиняйте, нужна помощь забивайте время тут https://e-integrate.ru/bronirovanie-konsultatsii-po-skajpu/ 

На этом все. Быть добру!

Узнайте первым о выходе новых статей

Подпишитесь на рассылку чтобы получать проверенные полезные фишки по созданию сайтов. В хозяйстве пригодится, не пожелеете!

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

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