Установка Google Tag Manager для WordPress

Так же, как и для любой другой CMS, установка Google Tag Manager для WordPress, практически не требует никаких специальных знаний. Нюанс в том, что установку можно провести, как минимум, двумя способами, каждый из которых имеет свои плюсы и минусы.

В этой статье представлено детальное описание процесса установки Google Tag Manager для WordPress как с помощью ручного внедрения кода контейнера, так и с помощью плагина.

Сразу стоит отметить, что в сети есть множество готовых инструкций, детально описывающих процесс. Они доступны как на английском (в том числе и видео), так и на русском языках. Поэтому основная часть этой статьи посвящена не столько самому процессу установки, сколько важным, на мой взгляд, мелочам, которым стоит уделить внимание при использовании каждого из двух методов.

Код контейнера

Перед тем, как приступать к установке, необходимо получить код контейнера GTM.

Также надо решить, куда именно его внедрять и как проверить, что диспетчер тэгов установлен корректно. Ранее я уже писал об этом, поэтому не буду подробно останавливаться на этих вопросах.

После того, как вы получили спиппет (Admin > Install Google Tag Manager), выбрали место для размещения кода, а также способ проверки корректности работы GTM, можно приступать к установке.

Установка Google Tag Manager для WordPress с помощью plug-in

Этот способ, на мой взгляд, имеет существенные преимущества перед ручной установкой, так как дает возможность легко и быстро настроить GTM для нужд конкретного сайта буквально в несколько кликов.

Шаг 1

Скачайте и активируйте плагин установки GTM для Вордпресс. Рекомендую установить вот этот плагин, написанный Thomas Gieger, так как, помимо простой установки, он дает расширенные возможности для настройки диспетчера тэгов (см. ниже).

Шаг 2

После установки плагина необходимо вставить идентификатор контейнера в поле Google Tag Manager ID. Идентификатор находится в коде контейнера - GTM-11111

Копируем идентификатор и вставляем в поле (вместо 11111 должно быть ваше значение). Обратите внимание, что в поле можно вставить сразу несколько ID через запятую, что существенно облегчает процесс установки GTM для двух и более аккаунтов.

установка google tag manager для wordpress - идентификатор контейнера

Шаг 3

Далее в секции Container Code Placement необходимо выбрать один из трех способов размещения кода GTM. Рассмотрим каждый подробнее:

Footer of the page

GTM будет размещен в подвале сайта. Этот вариант подойдет только в том случае, если у вас по каким-то причинам нет возможности размести код где-то еще на странице. Размещение кода GTM в футере – самый нежелательный выбор по многим причинам.  Главная – вероятность потери данных или их недостоверность. Для того, чтобы иметь возможность получить максимум полезной информации о пользователе и/или его поведении на сайте, библиотека GTM должна быть подключена как можно скорее в ходе выполнения загрузки страницы.

Custom

Пожалуй, самый простой и надежный вариант, потребуется лишь вручную прописать код в header.php вашего сайта сразу после <body>. Для этого необходимо сначала скопировать предоставленный код PHP. Выглядит он так:

После выбора этого пункта нажимаем кнопку СОХРАНИТЬ ИЗМЕНЕНИЯ. Затем открываем РЕДАКТОР, выбираем файл header.php и внедряем туда код так, как это показано ниже:

установка google tag manager для wordpress - использование плагина

Codeless injection

Этот вариант был добавлен относительно недавно и на момент написания этой статьи находится на тестировании. Плюс в том, что вам не придется менять исходный код сайта, достаточно лишь указать идентификатор. Вот комментарии самого автора плагина о том, как это работает:

In that case the plugin hooks into the body_class WordPress filter and alters the class list so that it can inject a closing > character, the GTM container code and a half closed, invisible <span> tag. That way the container code will be placed just after the opening body tag without modifying your theme however this only works if there aren't any other attributes in the body tag. This, not all themes are compatible with this option.

То есть, с помощью хука плагин вставляет код контейнера GTM сразу после атрибута class открывающего тэга <body>, игнорируя все другие атрибуты, если таковые имеются. Таким образом, перед тем, как использовать этот метод, убедитесь, что class присутствует в тэге <body> и является последним в списке атрибутов.

ВАЖНО: какой бы вариант вы не выбрали, не забудьте сохранить изменения для того, чтобы они вступили в силу.

На этом процесс установки Google Tag Manager для WordPress с помощью плагина можно считать завершенным. Рекомендую тщательно ознакомиться с расположенными на каждой из вкладок настройками. Детальная информация о том, как использовать их для получения данных об аудитории сайта и поведении пользователей, представлена в этой статье.

Давайте рассмотрим плюсы и минусы такого способа установки.

Плюсы

Плагин, написанный Thomas Gieger, содержит множество дополнительных опций, с помощью которых вы сможете настроить отслеживание таких событий, как взаимодействие пользователей с полями форм, отправка самих форм, скачивание файлов, просмотр записей в определенных рубриках и другие события. Подробнее здесь.

Минусы

В случае, если плагин был установлен некорректно и/или в ходе его настройки были допущены ошибки, диспетчер тэгов может передавать в систему веб-аналитики недостоверные данные или же перестать работать вовсе.

Поэтому после установки необходимо сразу убедиться, что диспетчер тегов работает правильно. Для этого можно воспользоваться Tag Assistant, GTM Debug Mode, а также другими доступными способами.

Внедрение GTM напрямую в код сайта

Установить Google Tag Manager для WordPress можно также с помощью внедрения сниппета напрямую в код сайта. Для этого необходимо вставить полученный при регистрации аккаунта GTM сниппет сразу после открывающего тэга <body>, который обычно находится в header.php (cм. ниже).

установка google tag manager для wordpress - установка кода контейнера GTM

Не забудьте сохранить изменения. Стоит отметить, что разместить сниппет GTM можно также и в секции <head></head> (как это сделать корректно, см. здесь). На этом установка GTM для WordPress завершена.

Плюсы

Этот способ отнимает меньше времени, а корректность работы GTM не зависит от стороннего плагина и его настроек.

Минусы

Вам придется самостоятельно настраивать отслеживание событий (отправка форм, взаимодействие с контентом сайта и т.д.). Тем, кто только недавно начал использовать GTM и не имеет навыки работы с HTML, jQuery/Javascript, возможно, стоит использовать плагин.

Итог

Какой бы способ установки GTM для WordPress вы не выбрали, вам придется менять исходный код вашего сайта (кроме опции Codeless Injection). Поэтому будьте внимательны и перед тем, как вносить любые изменения, сохраняйте исходный код. Также рекомендую сразу после установки проверить корректность работы GTM. Это поможет избежать многих ошибок при работе с диспетчером тэгов в будущем.

Share on VKShare on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *