Найти в Дзене
коморка фрилансера

javascript событие для кнопки в wordpress elementorPro

мой рецепт

1. устанавливаем в wordpress плагин Header Footer Code Manager для установки сниппетов на страницы сайта и не забываем активировать его

-2

дальше идем в яндекс метрику и добавляем javascript событие для кнопки, копируем код цели для сайта и нажимаем добавить цель

-3

дальше скопированный код цели для сайта вставляем в такой скрипт, вместо строки, которую я выделил жирным, также дублируем идентификатор цели (у меня это nazvanie-knopki) в 4 строке, чтобы получилось так:

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

идем в админку сайта в новый плагин и сразу жмем добавить сниппет

-4

в открывшемся окне указываем название, тип сниппета и код, всё, как на картинке ниже, ВАЖНО, у меня эта кнопка есть только на одной странице сайта и я не хочу плодить лишний код на другие страницы, по этому явно указал в настройках на какой странице эта фигня вообще должна работать

-5

в поле ниже вставляем код, который уже сделали и сохраняем:

-6

идем на страницу, где находится заветная кнопка и выбираем ее и присваиваем ей уже созданный id nazvanie-knopki

-7

сохраняем страницу и можно переходить к проверке, для этого в ИНКОГНИТО открываем нужную страницу, но в конце url добавляем

?_ym_debug=2

т.е. было

https://site.com/stranitsa-s-knopkoi/

а станет

https://site.com/stranitsa-s-knopkoi/?_ym_debug=2

внизу справа появится иконка метрики

-8

жмакаем и видим консоль проверки, в ней идем на вкладку events

-9

дальше всё, как в тумане, ищем на сайте нужную нам кнопку, НАЖИМАЕМ ЕЕ и в консоли появляется результат переданный в метрику

-10