Как настроить Цели Яндекс Метрики в Elementor
Давайте разберемся как легко и быстро настроить цели Яндекс метрики в Elementor
Друзья привет. У меня уже было видео как это делать, но оно уже устарело и вот вам новая, актуальная метода.
Сначала видео
если по каким то причинам не отображается, то идем и смотрим прям с ютюба https://youtu.be/fvwGNq8ujj0
В этом видео я использовал плагин Header Footer Code Manager для вставки кода Яндекс метрики и далее через него же добавили необходимые сниппеты для отслеживания целей. Легко найдете его через поиск при установке из репозитория плагинов WordPress.
Частично использовал материалы из документации по Яндекс метрики https://yandex.ru/support/metrica/general/goal-js-event.html можете самостоятельно более глубоко разобраться при желании.
Код который использовался в видео для отслеживания целей в обычном WordPress редакторе
Код кнопки с заряженным событием по клику:
|
1 |
<input type="button" value="Заказать" onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;" /> |
Если просто в ссылку то так:
|
1 |
onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;" |
Далее мы вставили код для отслеживания кнопки:
|
1 2 3 4 5 6 7 8 |
<script type="text/javascript"> jQuery( document ).ready(function( $ ){ //Для кнопки $( '#button1' ).on('click', function(){ ym(63827836,'reachGoal','button1'); }); }); </script> |
Как вставить код кнопок и форм если их много
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<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/
На этом все. Быть добру!
