Google Tag Manager (GTM) — это инструмент, позволяющий легко управлять маркетинговыми и аналитическими тегами на вашем сайте без необходимости вручную редактировать код. Для пользователей WordPress настройка GTM особенно удобна, так как упрощает процесс интеграции аналитических инструментов и других сервисов. В этой статье подробно рассмотрим, как настроить Google Tag Manager на WordPress.
1. Создайте аккаунт Google Tag Manager
Первым шагом будет создание аккаунта и получение кода контейнера:
- Перейдите на официальный сайт Google Tag Manager.
- Зарегистрируйтесь, если у вас еще нет аккаунта Google, и создайте новый аккаунт GTM.
- Введите название аккаунта (например, имя вашего сайта), выберите страну, где он будет использоваться, и нажмите «Продолжить».
- Создайте контейнер (например, для веб-сайта), выбрав тип «Веб». После этого получите код GTM, который нужно будет установить на сайт.
2. Установите GTM на WordPress
Есть два основных способа добавить Google Tag Manager на WordPress: вручную, вставив код в файлы шаблона, или используя специальные плагины.
Способ 1: Ручное добавление кода
Ручная установка может подойти, если вы уверены в своих навыках редактирования кода и не хотите использовать плагины.
- Скопируйте два кода контейнера GTM, полученные на предыдущем этапе.
- Откройте панель администратора WordPress и перейдите в раздел «Внешний вид» → «Редактор тем».
- Найдите файл
header.php и вставьте первый код контейнера перед тегом <head>.
- Найдите файл
footer.php и добавьте второй код непосредственно перед закрывающим тегом </body>.
- Сохраните изменения.
Способ 2: Использование плагина
Для тех, кто предпочитает использовать плагины, это более простой способ установки GTM. Существуют различные плагины, но один из самых популярных — DuracellTomi’s Google Tag Manager for WordPress.
- Перейдите в «Плагины» → «Добавить новый» и найдите плагин DuracellTomi’s Google Tag Manager for WordPress.
- Установите и активируйте плагин.
- Перейдите в «Настройки» → «Google Tag Manager» и введите свой ID контейнера GTM (например,
GTM-XXXXXXX).
- Плагин автоматически добавит необходимые коды на ваш сайт, и вы сможете управлять настройками прямо из админ-панели.
3. Настройте теги, триггеры и переменные в GTM
Теперь, когда код GTM установлен на сайте, можно приступить к настройке тегов:
- Теги — это фрагменты кода, которые выполняют различные действия, например, отслеживание событий Google Analytics.
- Триггеры определяют, когда и при каких условиях тег должен быть активирован (например, загрузка страницы, нажатие на кнопку или отправка формы).
- Переменные хранят данные, которые могут использоваться тегами и триггерами (например, URL страницы, данные о клике).
Для начала можно добавить несколько базовых тегов:
- Отслеживание просмотров страниц с помощью Google Analytics. В разделе «Теги» создайте новый тег «Google Analytics: Universal Analytics» и выберите тип отслеживания «Просмотр страницы».
- Отслеживание кликов на кнопки. Создайте триггер типа «Все элементы» и настройте его так, чтобы он срабатывал при нажатии на определенные кнопки.
4. Опубликуйте контейнер
После настройки тегов, триггеров и переменных необходимо опубликовать контейнер, чтобы изменения вступили в силу:
- Нажмите на кнопку «Отправить» в верхней правой части интерфейса GTM.
- Введите название версии и описание (например, «Первоначальная настройка») и нажмите «Опубликовать».
5. Проверьте работу Google Tag Manager
После публикации нужно убедиться, что все работает корректно:
- Используйте режим предварительного просмотра (Preview) в GTM, чтобы проверить, активируются ли теги в нужные моменты.
- Откройте сайт и убедитесь, что теги отображаются в консоли браузера при выполнении действий, которые должны их запускать.
- При необходимости исправьте настройки или добавьте новые теги.
Заключение
Google Tag Manager — это мощный инструмент, который значительно упрощает добавление аналитических и маркетинговых тегов на сайт WordPress. Следуя этому руководству, вы сможете самостоятельно настроить GTM и настроить необходимые интеграции, не прибегая к услугам программиста.
