Как правильно установить Google Tag Manager и Google Analytics на WordPress?
Аналитика в digital-маркетинке важна для оценки эффективности рекламных кампаний. Сегодня поговорим про настройку Google Analytics для сайтов, которые сделаны на WordPress, так как он является самым популярным движком.
Итак, мы можем настроить Google-аналитику двумя способами:
- Первый — сложный, где требуется знание кода JavaScript, CSS и тд.
- Второй — попроще, где будем использовать Диспетчер тегов Google Tag Manager (GTM).
Что такое Google Tag Manager?
GTM — это система управления тегами, который содержит внутри: контейнер, тег, триггер и переменную. Расскажу про каждую из них:
- Контейнер — хранит в себе теги и триггеры. Он содержит счетчики, которые срабатывают при определенных условиях.
- Тег — это действие, выполняемое GTM, например активация счетчика Google Analytics.
- Триггер — это событие, активирующее тег (нажатие на кнопку, посещение пользователем определенной страницы и другие).
- Переменные — фиксируют действия на странице и позволяют запускать теги или триггеры (при совпадении значения триггера и переменной)
Если изобразить аккаунт схематично, он будет выглядеть, как на фото ниже:
Как настроить Google Tag Manager на сайте?
Для начала нужно создать учетную запись Google (почта на Gmail), если ее еще нет. Далее переходим на официальный сайт Google Tag Manager и нажимаем «Создать аккаунт».
Даем названия аккаунту и выбираем страну.
Теперь даем название контейнеру. Выбираем целевую платформу, в нашем случае — Сайт и нажимаем «Создать».
Принимаем пользовательское соглашение.
Теперь в редакторе добавим наш код GTM согласно инструкции. Видим два поля с кодом. Пока копируем код из первого поля.
Теперь переходим в админку WordPress. В консоли переходим в раздел
«Внешний вид» > «Редактор». Подтверждаем наше действие.
Справа найдем файл «Заголовок» (или header.php) и кликнем по нему.
Вставляем код из первого поля перед закрывающим тегом </head> в коде вашего сайта.
Код из второго поля ставим после открывающего тега <body>.
После этого нужно проверить, работает ли GTM на сайте. Можно использовать режим предварительного просмотра.
Жмём обновить/сохранить. Готово.
Также можно использовать расширение в браузере Chrome, которое называется Tag Assistant (by Google).
Вот так срабатывает расширение. Не пугайтесь, что может появиться ошибка внизу. Это означает, что пока контейнер пуст или не опубликован. Позже мы это исправим.
Когда контейнер GTM успешно установлен на сайт, можно приступить к настройке Аналитики. Переходим на официальный сайт Google Analytics.
Пишем название аккаунта, устанавливаем галочки и переходим к следующему шагу.
Для настройки Ресурса также указываем название, часовой пояс, валюту. И важный момент — сейчас очень внимательно! Нажимаем на Дополнительные настройки.
Вписываем URL сайта и устанавливаем галочку напротив — создать две Аналитики (прошлая и новая версия) Эта функция дает возможность правильно подключить Google Analytics. Так как автоматически подключается новая версия, но в ней отсутствует колонка с Представлениями, без которой например нельзя настроить цели. Поэтому подключаем сразу две, чтобы потом мы могли между ними свободно переключаться.
Далее добавляем информацию о Бизнесе.
Еще раз на всякий случай проверяем все три пункта.
Соглашаемся с условиями Платформы.
Помните, я говорила, что можно переключаться между прошлой и новой версией. Если вы все сделали правильно, тогда нажмите на Property User Management.
Перед вами появятся две версии:
- UA — Universal Analitics (прошлая)
- GA4 — Google Analitics 4 (новая)
Нам нужна именно прошлая— UA.
Важно не забыть включить ремаркетинг. Переходим в Tracking Info> Data Collection.
Отлично! Осталось подключить Google Analytics к Google Tag Manager. Нам понадобится Идентификатор отслеживания.
Переходим в «Администратор» — «Ресурс» — «Код отслеживания».
Копируем ID аккаунта.
Снова переходим в GTM. В левом меню открываем раздел «Теги», нажимаем «Создать».
Откроется окно с двумя полями: «Конфигурация тега» (действие, которое будет выполняться) и «Триггеры» (условия).
В «Конфигурации тега» выбираем «Google Аналитика — Universal Analytics».
В поле «Тип отслеживания» автоматически выставится параметр «Просмотры страницы».
В поле «Настройки Google Analytics» нужно вставить идентификатор. В выпадающем меню выбираем «Новая переменная».
И вставляем Идентификатор отслеживания.
Переходим к Триггерам
В «Триггерах» выбираем вариант «All Pages» (тогда счетчик Google Analytics будет активироваться каждый раз, когда пользователь просматривает любую страницу сайта).
Сохраняем тег. После этого он отобразится в рабочей области.
Чтобы изменения в контейнере появились на сайте, нужно нажать на кнопку «Отправить» (в правом верхнем углу). Задаем название версии и нажимаем «Опубликовать».
Дальше нужно проверить корректность работы тега: используем режим предпросмотра. Если все верно, тег отобразится корректно. Также можно проверить через Google Tag Assistant или Google Analytics (во вкладке «Отчет в реальном времени»).
Итак, мы установили Аналитику на сайт, сделанный на Вордпрессе через Таг Менеджер. И настроили отслеживание трафика. Хорошая работа!
