Часто при создании лендинга с использованием WordPress Elementor возникает проблема установки счетчиков аналитики на сайт. Мы не берем случаи установки счетчиков отдельными плагинами, платными плагинами PRO версии Elementor, встроенными виджетами самого Элементора. Так как данные способы излишне нагружают сайт, не всегда подгружают коды аналитики для пользователя. Поэтому будем использовать прямую установку и подгрузку счетчиков в код сайта.

Для Подключения Google Analytics 4 и Яндекс Метрики в сайту на WordPress Elementor (Free, Free PROElements.org) алгоритм действий такой:

1. Ставим дочернюю тему с копированием всех настроек родительской темы. Для этого устанавливаем и активируем плагин WordPress Child Theme Configurator. Создаем новую дочернюю тему копирую все настройки текущей. (This option replaces the Child Theme’s existing Menus, Widgets and other Customizer Settings with those from the Parent Theme. You should only need to use this option the first time you configure a Child Theme.) Во вкладке файлы после создания выбираем копировать header.php.

child theme

child theme

2. В function.php Дочерней темы вставляем следующий код:

add_action( 'wp_head', function(){
?>
"тут скрипты"
<?php
});

3. Вместо «тут скрипты» вставляем один за другим код Google Analytics 4 и Яндекс Метрики.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0000000000"></script>
<script type="text/javascript" >
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-0000000000');
</script>

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

ym(00000000, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true,
ecommerce:"dataLayer"
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/00000000" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

4. Сохраняем и проверяем работоспособность установленных счетчиков на сайте. Для этого используем расширение для Браузера Tag Assistant — для GA4, добавку к ссылке сайта ?_ym_debug=2 для Метрики. Если инструменты показывают регистрацию событий счетчиков, значит все ОК.

Возможны ситуации когда можно пропустить пункт 2 и вставить коды аналитики прямо в header.php дочерней темы. Но это возможно только когда использование виджетов Элементора происходит внутри тега <body></body>, иначе только описанным выше способом.