Настройка плагина Google Tag Manager для WordPress. Часть 1

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

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

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

ВАЖНО: если у вас есть вопросы по настройке или работе плагина, вы можете напрямую обратиться к его автору. Плагин постоянно дорабатывается, и в нем появляются новые настройки. Поэтому содержание этой статьи актуально на дату ее публикации.

О том, как установить Google Tag Manager для WordPress с помощью плагина, можно узнать здесь.

Краткое содержание статьи

  1. Несколько слов о dataLayer
  2. Вкладка General
  3. Вкладка Basic data
  4. Итог

Несколько слов о dataLayer

Все данные, необходимые для настройки отслеживания вышеописанных событий, с помощью плагина отправляются в dataLayer. Поэтому для начала стоит разобраться, что это такое. Вот определение с developers.google.com

A data layer is an object that contains all of the information that you want to pass to Google Tag Manager. Information such as events or variables can be passed to Google Tag Manager via the data layer, and triggers can be set up in Google Tag Manager based on the values of variables or based on the specific events.

То есть, это объект Javascript, содержащий всю информацию, которую мы хотим отправить в GTM для последующего использования. Например, мы можем создать правило запуска тэга, опираясь на значение определенной переменной или на определенное событие в dataLayer.

Посмотреть данные, содержащиеся в dataLayer, можно, как минимум, тремя простыми способами.

Режим отладки GTM (режим Preview)

gtm debug: данные в datalayer google tag manager для wordpress

Расширение Tag Assistant для Chrome

tag assistant: данные в datalayer google tag manager для wordpress

Консоль вашего браузера

console: данные в datalayer google tag manager для wordpress

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

Настройка Google Tag Manager для WordPress

Итак, давайте, наконец, перейдем к настройке Google Tag Manager для WordPress!

Вкладка General

Здесь все просто. В поле Google Tag Manager ID необходимо внести ваш идентификатор контейнера, а затем выбрать способ размещения кода GTM на сайте (Container Code Placement). Подробнее о том, где взять идентификатор, и в чем заключается принципиальная разница между опциями Footer of the Page, Custom и Codeless Injection можно посмотреть здесь.

Вкладка Basic Data

Название говорит само за себя. С помощью опций этой вкладки вы сможете настроить передачу «простых» или «базовых» данных в dataLayer. Рассмотрим подробнее каждый раздел.

Posts

В этом разделе настраивается передача данных о содержимом сайта.

настройка google tag manager для вордпресс 1

Posttype of current post/archive

Переменные dataLayer: pagePostType, pagePostType2

Описание: тип страницы и вариант отображения соответственно. Например, ‘post’,’ page’,’ frontpage’ для pagePostType и ‘single-page’ для pagePostType2.

Category list of current post/archive

Переменная dataLayer: pageCategory

Описание: рубрики, к которым относится страница. Например, ‘google-tag-manager’. Эти данные доступны только для тех страниц, которые имеют заданные рубрики.

Tags of current post

Переменная dataLayer: pageAttributes

Описание: тэги, к которым относится страница. Например, ‘установка google tag manager’. Обратите внимание, что тэги на русском языке будут закодированы в dataLayer.

Post author name

Переменная dataLayer: Author

Описание: имя автора поста или страницы.

Post date

Переменные dataLayer: pagePostDate, pagePostDateYear, pagePostDateMonth, pagePostDateDay

Описание: дата публикации в формате дд/мм/гггг, а также отдельно год, месяц и день публикации.

Post title

Переменная dataLayer: pageTitle

Описание: дублирует содержание мета-тэга title.

Post title

Переменные dataLayer: postCountOnPage, postCountTotal

Описание: количество публикаций, отображаемых на странице, и общее количество публикаций по заданным категориям, тэгам и т.д.

Как использовать эти данные

Отметив нужные опции, вы сможете настроить отслеживание просмотра публикаций, например, по определенным рубрикам, тэгам или авторам.

Search

Если вы еще не настроили отслеживание поиска по сайту в Google Analaytics (как это сделать, смотрите здесь), то в этом разделе вы сможете сделать это с помощью плагина.

настройка google tag manager для вордпресс 2

Search data

Переменные dataLayer: siteSearchTerm, siteSearchFrom,siteSearchResults

Описание: ключевое слово поиска, страница, на которой воспользовались поиском и количество результатов в поисковой выдаче.

Как использовать эти данные

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

Visitors

В этом разделе настраивается передача данных о статусе пользователей на вашем сайте.

Logged-in status

Переменная dataLayer: visitorLoginState

Описание: статус авторизации пользователя на сайте (авторизован/не авторизован).

Logged-in status

Переменная dataLayer: visitorType

Описание: статус пользователя. Например, ‘administrator’.

Logged-in user ID

Переменная dataLayer: visitorId

Описание: идентификатор пользователя (натуральное число).

Как использовать эти данные

C помощью этих опций вы легко сможете сегментировать аудиторию вашего сайта и отслеживать поведение каждого сегмента.

Adwords

В этом разделе можно настроить передачу данных для тега ремаркетинга Adwords. Если вы отметите эту опцию, для Custom Variable Field ремаркетинга будет подставлено значение переменной google_tag_params.

настройка google tag manager для вордпресс 3

Как использовать эти данные

Значение переменных dataLayer в этом случае помогут создать новые аудитории для ремаркетинга по заданным признакам.

Browser/OS/Device

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

Browser data

Переменные dataLayer: browserName, browserVersion, browserEngineName , browserEngineVersion

Описание: подробная информация о браузере пользователя

Logged-in status

Переменная dataLayer: osName, osType

Описание: подробная информация об операционной системе пользователя

Logged-in user ID

Переменные dataLayer: deviceType, deviceManufacturer, deviceModel

Описание: подробная информация об устройстве, с помощью которого пользователь просматривает сайт

Как использовать эти данные

Если вам по каким-то причинам не хватает данных этого типа в Google Analytics, используйте эту информацию для сегментации аудитории вашего сайта.

Weather Data

Передача данных о погоде в заданном регионе. Полагаю, этот раздел может быть полезен достаточно узкому кругу владельцев сайтов WordPress. Например, тем, кто занимается продажей услуг спортивных/развлекательных предприятий.

Итог

Отметив нужные опции в рассмотренных вкладках, вы легко сможете не только получать все необходимые данные для настройки отслеживания «базовых» событий, но и сегментировать аудиторию согласно заданным параметрам. В случае, если на вашем сайте GTM был установлен с помощью простого внедрения кода контейнера, вам бы пришлось передавать всю информацию «вручную», что, согласитесь, не всегда удобно.

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

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

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

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