Google Analytics 4 (GA4) — это новая версия аналитической платформы от Google, которая постепенно заменяет Universal Analytics. Многие владельцы сайтов на WordPress сталкиваются с задачей корректного внедрения GA4 на свои ресурсы без использования плагинов, чтобы избежать лишних нагрузок и конфликтов. В этой статье разберём, как добавить GA4 в WordPress вручную, а также рассмотрим примеры кода и полезные советы.
Почему стоит настроить GA4 без плагинов
Использование плагинов — самый простой способ внедрить Google Analytics, однако плагины могут:
- замедлять сайт;
- создавать конфликты с другими расширениями;
- ограничивать гибкость настройки;
- требовать регулярного обновления и поддержки.
Для тех, кто хочет минимизировать нагрузку на сайт и полностью контролировать процесс, добавление GA4 вручную — оптимальное решение.
Как получить код для Google Analytics 4
Если у вас ещё нет аккаунта GA4, создайте его:
- Перейдите на Google Analytics и создайте новый ресурс с типом GA4.
- В разделе «Поток данных» выберите или создайте поток для вашего сайта.
- Скопируйте предоставленный тег глобального сайта (gtag.js), который выглядит примерно так:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>Замените G-XXXXXXXXXX на ваш идентификатор измерения GA4.
Добавляем код Google Analytics 4 в WordPress вручную
Для корректного добавления кода GA4 в WordPress без плагинов рекомендуется вставлять его в <head> вашего сайта. Есть несколько способов, но самый правильный — через подключение в файле functions.php вашей темы или дочерней темы.
Добавление через functions.php
Откройте файл functions.php и добавьте следующий код, заменяя идентификатор на ваш:
function wpnotes_add_ga4_tracking_code() {
?>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>
<?php
}
add_action('wp_head', 'wpnotes_add_ga4_tracking_code');Этот хук wp_head гарантирует, что код будет вставлен в раздел <head> на всех страницах сайта.
Преимущества такого метода
- Минимальная нагрузка на сайт.
- Простое управление кодом через functions.php.
- Отсутствие зависимости от внешних плагинов.
Как проверить корректность установки GA4
После добавления кода важно удостовериться, что он работает:
- Перейдите в Google Analytics в раздел «В режиме реального времени» и откройте ваш сайт в другом окне — вы должны увидеть активность.
- Используйте расширения браузера, например, Google Tag Assistant или GA Debugger.
- Проверьте исходный код страницы — должен присутствовать ваш скрипт с идентификатором GA4.
Дополнительная настройка событий GA4 через код
Часто нужно отслеживать не только просмотры страниц, но и пользовательские события. Сделать это можно, добавив вызовы gtag('event', ...). Например, чтобы отследить клик по кнопке:
<button id="wpnotes-ga4-btn">Кликни меня</button>
<script>
document.getElementById('wpnotes-ga4-btn').addEventListener('click', function() {
gtag('event', 'button_click', {
'event_category': 'button',
'event_label': 'wpnotes_ga4_example'
});
});
</script>Этот код отправит событие в GA4 с категорией button и меткой wpnotes_ga4_example при клике на кнопку.
Интеграция с плагинами и темами WPShop
Если вы используете темы, такие как Reboot или Root, код можно добавить в их шаблоны, но лучше использовать functions.php, чтобы при обновлениях темы не потерять изменения.
Для расширенной аналитики можно интегрировать события с плагином WPRemark, например, отслеживать заполнение форм и другие пользовательские действия, отправляя данные в GA4 через JavaScript.
Советы по безопасности и производительности
Добавляя код вручную, соблюдайте следующие рекомендации:
- Не вставляйте код в редактор контента — это неудобно и рискованно.
- Всегда создавайте резервную копию functions.php перед изменениями.
- Проверяйте сайт на наличие ошибок после добавления кода.
- Используйте асинхронную загрузку скриптов, как показано в примере, чтобы не блокировать загрузку страницы.
Выводы
Внедрение Google Analytics 4 в WordPress без плагинов — это простой и эффективный способ получить точную аналитику, не нагружая сайт и не создавая лишних зависимостей. Используйте приведённые примеры кода и рекомендации, чтобы настроить отслеживание и получить максимум данных о поведении посетителей.