Все о тюнинге авто

Энциклопедия интернет-маркетинга: что такое Google Tag Manager и как его использовать. Настройка и установка менеджера тегов Настраиваем Гугл Тег Менеджер для отслеживания событий в Google Analitics

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

Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

Чтобы понять, что собой представляет Google Tag Manager (GTM), разберем простую аналогию. Все мы знаем, что для обработки заказов в интернет-магазине, службе заказа еды или такси не обойтись без диспетчеров. На их плечи ложится процесс координации и обеспечения работы всей компании. Аналогичную функцию выполняет и данный сервис Гугл. Он позволяет не разрываться между приложениями, задачами и программами, а соединить все воедино и централизованно давать команды.

Сегодня GTM позволяет устанавливать на сайт коды различных сервисов и специализированных служб: Гугл Аналитика, Метрика Яндекса, Гугл карты, соцсети и т.д. За счет этого удается в разы облегчить процесс использования сторонних ресурсов и повысить эффективность работы интернет-ресурса.
Зачем нужен Google Tag Manager

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

Как установить Tag Manager и настроить его

Чтобы начать использование, необходимо добавить контейнер Гугл менеджера на сайт. Далее устанавливаются переменные, затем настраиваются условия активации (триггеры). В конце теги добавляются в контейнер. Разберем каждый из этапов.

Добавляем контейнер Гугл менеджера

Заходим в систему Гугл, а именно в GTM, и создаем здесь личный кабинет. Настраиваем контейнер, вводим ряд параметров, в том числе и адрес самого сайта. Далее система сгенерирует код, который нужно вставить на ваш интернет-ресурс. Код состоит из 2 частей, первая помещается в хедер, а другая - в конце тега. Сохраняем внесенные корректировки, добавляем тег/теги, теперь публикуем контейнер.

Переменные

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

  • Страницы. Это может быть источник запроса, URL, имя страничного хоста и т.д..
  • Утилиты. Это различные события, наименование ID HTML-тега, тип контейнера и т.д.
  • Ошибки. Это сообщения о том, где произошли ошибки и т.д..
  • Клики. Это различные детали, связанные с кликами.
  • История. Это фрагменты URL, текущие и предыдущие моменты истории, источник ее получения.
  • Формы. Здесь применяются определения формы, ее текст и прочее.

Чтобы переменная открылась в фильтре триггера, ее нужно сначала включить в меню «Переменные».
Триггеры в Гугл Тег Менеджер

Триггеры, как мы выяснили ранее, должны соответствовать переменной. Триггеры настраиваются в одноименном разделе меню, здесь нужно нажать «Создать», а затем выбрать тип. Всего есть 3 разновидности:

  • Клик. Триггер будет регистрировать клики по ссылкам, которые размещены на ресурсе, или по всем кликабельным элементам.
  • Просмотр. Он автоматически начинает работать после приведения в готовность Модели DOM, полной загрузки Окна или выполнения перехода на нужную страницу.
  • Другое.

Работа тегов

Разберем функционирование тегов на конкретном сервисе, например, Гугл Аналитика. Подключаем интернет-ресурс к системе, открываем рабочую область и жмем на пункт «Добавить новый тег». Устанавливаем тип Universal Analytics. Далее прописываем идентификатор, он отображается в личном кабинете Гугл Аналитикс. Далее в пункте «Тип отслеживания» ставим отметку рядом с функцией «Просмотр страницы». В пункте триггеров жмем «Все страницы» и сохраняем внесенные изменения.

Чтобы проверить работоспособность тегов используем опцию «Предварительный просмотр и отладка». Выбираем данный пункт в рабочей области, а затем открываем интернет-ресурс в используемом браузере. Если все теги проставлены верно, данные о них отобразятся в окне диагностики.

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

Функционал

Сегодня GTM решает широкий спектр задач, что делает его универсальным помощником в следующих задачах:

  • Чтобы сделать функционал своего сайта еще шире, нет необходимости вставлять на сайт новые контейнеры и веб-коды, достаточно разместить их в GTM.
  • Подтверждать права на интернет-ресурс теперь можно напрямую через диспетчера, минуя .
  • GTM эффективен как для мониторинга внешних переходов (через UTM-метки), так и для учета внутренних кликов (через Гугл Аналитику).
  • Можно конкретизировать, сколько пользователей перешли по внешним ссылкам.
  • Есть возможность уточнить, сколько отказов было сделано. Гугл Аналитика не может точно определить данный параметр, так как не берет в расчет посетителей, просмотревших только 1 страницу.
  • Можно мониторить количество кликов по виджетам и спец.кнопкам.
  • Есть возможность проследить источники получения внешнего трафика.

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

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

***

Что такое Google Tag Manager и как его использовать

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

В интернет-маркетинге очень часто возникает необходимость в добавлении, изменении и исправлении различных скриптов, установка отслеживания действий пользователя и т.д. Если использование тегов не сопровождается эффективным управлением, это может привести к множеству проблем и долгому времени внедрения. Обилие кода замедляет работу сайта. Лишние или неправильно установленные теги могут исказить результаты, повлечь за собой нежелательные расходы и препятствовать сбору важных данных, а их повторное изменение после ошибок программиста только оттягивает время, когда можно начать анализ. Наконец, добавление новых тегов может отнимать у ИТ-специалистов или веб-мастеров много драгоценного времени, задерживая проведение важных маркетинговых программ. На данный момент есть несколько вариантов решений ряда проблем связанных с этим. Сегодня мы поговорим о Google Tag Manager.

Что такое Google Tag Manager

Tag manager - решение от Google, которое позволяет размещать скрипты на страницах сайта без непосредственного вмешательства в его код. GTM даёт возможность добавлять и обновлять скрипты непосредственно через web-интерфейс, а также задавать правила активации этих скриптов. Диспетчер тегов Google - это простой, надежный и бесплатный инструмент. Маркетологам он обеспечивает гибкость в работе, а веб-мастерам позволяет сосредоточиться на важнейших задачах, не беспокоясь о мелочах. Это решение для специалистов по маркетингу, в котором доступен единый интерфейс управления всеми тегами на сайте.

Структура GTM

  • Аккаунт - то место, где вы можете управлять своими контейнерами.
  • Контейнер - это главный и единственный фрагмент JS-кода, который мы вставляем на все страницы сайта. По сути, он является тегом, но его функция заключается в том, что он служит контейнером для всех тегов.
  • Тег - это небольшие фрагменты кода веб-сайтов, которые позволяют отслеживать трафик и поведение посетителей, анализировать эффективность рекламы на сайтах и в социальных сетях, использовать средства ремаркетинга и таргетинга на определенные аудитории, тестировать и улучшать свой сайт, а также выполнять много других полезных задач.
  • Триггер определяет при каких обстоятельствах будет выполняться или блокироваться тег.
  • Переменные являются парами типа имя/значение, для которых передаются значения в процессе работы. Они используются, как для кастомных переменных, так и для определения условия при котором будет срабатывать тег.

Создание и установка

Первое, что необходимо сделать - это войти под существующим Google аккаунтом в google tag manager, если такового нет - создать новый.

В данном примере я буду использовать контейнер web-версии.

Соглашаемся с лицензионным соглашением

Далее в интерфейсе будет отображен код, который по рекомендациям Google нужно поставить на все страницы сайта после тега . В дальнейшем его можно будет посмотреть во вкладке Admin -> Install Google Tag Manager

На этом всё. Установка Google Tag Manager закончена. Необходимо переходить непосредственно к настройке тегов и триггеров.

Структура. Как и для чего использовать. Возможности

Остановимся подробнее на общем интерфейсе программы.

Элементы интерфейса

1 - Элемент поиска, который поможет быстро найти тег, триггер или переменную по названию.

2 - Обзор состояния аккаунта

3 - Вызов списка тегов

4 - Список правил

5 - Список встроенных и пользовательских переменных

6 - Создание папок для структурирования тегов, триггеров и переменных

7 - Быстрый доступ к созданию нового тега

8 - Создание заметки

9 - Состояние аккаунта, кол-во тегов, триггеров и переменных, и их состояние (опубликован или не опубликован)

10 - История изменения содержимого контейнера.

В Google Tag manager масса возможностей, но сегодня мы поговорим о базовых, пользоваться которыми необходимо уметь каждому аналитику или маркетологу.

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

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

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

Название -> Тип -> Настройка -> Правило

Для переменных правило срабатывания отсутствует, значение будет приниматься на всех страницах сайта. В случае если значение не будет определено - ключу будет присвоено undefined.

Для начала посмотрим на этапы создания триггера и переменных.

Переходим на вкладку триггеры и нажимаем New. Далее необходимо придумать название (если не введено, при сохранении будет уведомление, в котором можно будет ввести понятное название для триггера) и выбрать его тип.

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

Page View - триггер, который даёт возможность запустить тег при загрузке определенных страниц, загрузки окна (на 3х этапах, предусмотренных в GTM) или при дополнительных условиях, которые можно выбрать из списка.

Далее нужно установить правило этого триггера - тут может быть 2 варианта - All page views или для более гибкой настройки Some Page Views, где можно указать определенную страницу или параметр, который приведет к срабатыванию триггера при загрузке страницы.

Следующий вид триггера - Click. Он используется для прослушивания кликов 2х типов - All Elements и Just Links. Как правило, можно использовать для прослушивания всех кликов - All Elements, но это приводит к необходимости более конкретной настройки на этапе Fire On. По аналогии с Page View можно создать условие, при котором будет срабатывать триггер. Чтобы использовать эти условия нужно включить на вкладке Variables показатели, которые относятся к Clicks.(в дальнейшем для Forms и History).

После чего в списке выбора параметров срабатывания триггера можно выбрать id, class, text и др. параметры, которые необходимо учесть.

Если необходимых встроенных переменных нет, можно воспользоваться пользовательскими. Они могут быть различного вида, могут иметь значение из разных источников (html, cookie) и могут быть созданы, как на сайте, в виде массива dataLayer так и с помощью Custom JavaScript непосредственно в интерфейсе Tag Manager.

Custom JavaScript в виде пользовательских переменных обладает поистине фантастическими возможностями для аналитиков и маркетологов - необходимость обращаться к программисту практически отпадает.

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

Аналогичным образом создаются триггеры для Form и History Change.

Отдельного внимания требуют Custom Event и Timer.

Timer - триггер, который даёт возможность создать правило для срабатывания тега, по истечению какого-то времени, например, для выделения отдельной, более вовлеченной аудитории ресурса и запуска для такой аудитории код ремаркетинга.

Теперь вам доступны базовые настройки триггеров и показателей в GTM.

Установка тега - очень важный момент, т.к. именно то, как вы опубликуете скрипт и какие правила срабатывания присвоите, будет влиять на данные, которые отображает установленный продукт. В Google Tag Manager уже существует ряд продуктов доступных к установке.

Установка счётчиков и тегов продуктов, список которых доступен в интерфейсе.

Посмотреть весь список тегов, предусмотренных компанией Google, можно при создании тега.

Данный список постоянно расширяется, но в случае, если отсутствует необходимый встроенный функционал, можно воспользоваться полями Custom HTML Tag или Custom Image Tag

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

Создание самого тега - задача тривиальная. Этапы мы оговорили выше, а что касается полей - это чаще всего опознавательные элементы устанавливаемого скрипта (id, уникальное имя или название в продукте и тд.), которые можно взять из интерфейса устанавливаемого продукта. При настройке встроенных тегов чаще всего есть возможность заполнения полей для создания дополнительных параметров. Здесь можно использовать те показатели, которые мы разбирали выше, выбрав из списка соответствующий. Также тут есть возможность изменить показатель для продукта, если он отправляется по умолчанию, указав новое значение.

Для того чтобы проверить работоспособность установленного тега, в GTM предусмотрен функционал пред-просмотра и отладки.

Нажав на данную кнопку и после перейдя на сайт, вы увидите дополнительную консоль в которой будет отображаться ряд тегов, которые сработали или не сработали на данной странице. Так же доступен просмотр момента, на котором сработал тег, причины срабатывания (или не срабатывания) и показатели, которые используются. После того, как вы убедитесь, что всё работает, нажмите кнопку Publish.

У маркетолога или аналитика возникает необходимость использовать Google Tag Manager когда:

  1. У разработчика занимает очень много времени установка или тестирование системы аналитики, а анализировать нужно здесь и сейчас.
  2. На установку кодов ретаргетинга уходит много времени, а руководитель уже хочет видеть результаты.
  3. Нужно настроить десяток событий, а написание ТЗ для программиста и вмешательство в код - в лучшем случае дело нескольких дней.
  4. Возникает необходимость создавать пользовательские переменные и метрики для расширения анализируемых данных и др.

На примере разберем установку кода Google Analytics

Для начала советую создать пользовательскую переменную, которую можно будет использовать как property id для вашего аккаунта.

Заходим на вкладку Variables, нажимаем New и выбираем тип переменной Constant.

Даём ей название GA Property и вносим наш идентификатор из Google Analytics. Нажимаем Create Variable. В дальнейшем данные манипуляции облегчат работу с тегами.

Вводим название тега, выбираем необходимый продукт (если его нет - можно воспользоваться Custom HTML), выбираем версию Google Analytics, в поле Tracking ID нужно ввести идентификатор вашего аккаунта, но т.к. на предыдущем шаге мы создали переменную с нашим идентификатором мы указываем его. Track Type - Pageview по умолчанию.

В поле More settings можно ввести дополнительные параметры, которые вы хотите использовать.

Самые часто используемые:

  • Поле Fields to Set служит для передачи параметров, которые предусмотрены в Google Analytics. Это может быть page (для создания своего названия страницы) или &uid для представления с user id и др.
  • Custom dimentions и custom metrics служат для передачи пользовательских переменных и метрик в Google Analytics.
  • Ecommerce features используется для настройки Enhanced ecommerce. (Для передачи данных Enhanced ecommerce используется тип тега Page View для всех этапов! Тип тега Transaction используется только для классического ecommerce.)

Нажимаем Create Tag и следуем пунктам описанными до кейсов. (Preview -> Publish)

Для настройки События необходимо создать дополнительный тег типа Google Analytics и в поле track type выбрать event. Заполняем стандартные параметры и в Fire On создаём правило отправки события (не забывайте отметить галочками необходимые переменные на вкладке Variables).

Нестандартной, но довольно частой задачей является получение cid или client id Google Analytics, как кастомной переменной. Возникает такая необходимость в случае, если компания хочет отслеживать каждого посетителя отдельно или отправлять какие-либо данные через measurement protocol.

Особенностью данного показателя является то, что он хранится в файлах cookie Google Analytics.

Нам необходимо:

1. Создать переменную 1st Party Cookie с именем “_ga”

2. Создать Custom JavaScript со следующим кодом

var cookie = {{ga cookie}}.split(".");

return cookie + "." + cookie;

console.log("No Universal Analytics cookie found");

А теперь о том, как это работает: 1st Party Cookie с именем “_ga” возвращает данные в виде похожем на GA1.2.475226310.1380715146. Далее Custom JavaScript парсит эту строку и возвращает cid убирая с полученных данных первые 4 символа (GA1.2.) и возвращает набор чисел (475226310.1380715146), который показывает полный clientID пользователя.

Этот показатель можно использовать как кастомную переменную в гугл аналитикс, достаточно создать его в Google Analytics и добавить в тег в поле Custom Dimention c параметром session и настроить передачу данного параметра из GTM в GA.

Где Index - номер переменной из Google Analytics.

Это отличный пример того, как получать и использовать переменные в Google Tag Manager.

В заключение хотелось бы сказать, что Google Tag Manager - это очень мощный инструмент, который можно использовать для достижения множества целей без привлечения разработчика: начиная от установки кодов и настройки систем аналитики и заканчивая A/B тестированием и более сложными задачами.

Предлагаем вашему вниманию пошаговую инструкцию по установке и настройке Google Tag Manager (GTM). Здесь же мы расскажем, как с помощью GTM подключить Google Analytics и Яндекс Метрику.

Google Tag Manager (GTM) – многофункциональный инструмент, который позволяет добавлять на сайт или в мобильное приложение теги для анализа трафика, конверсии и поведения пользователей без вмешательства в исходный код сайта.

В статье мы подробно опишем, как создать и настроить GTM на сайте и как без вмешательства в исходный код сайта подключить Google Analytics и Яндекс Метрику.

Преимущества GTM

  • Можно добавлять и обновлять теги без вмешательства в исходный код сайта. Нужно всего один раз добавить на сайт код Диспетчера тегов, а всё остальное уже можно внедрять в личном кабинете GTM;
  • Уменьшение кода на страницах веб-сайта;
  • Удобный и простой в использовании интерфейс;
  • Простота тестирования. Режим предварительного просмотра позволяет маркетологам легко проверять корректность работы тегов;
  • Сервис бесплатный.

Прежде чем перейти к установке, разберёмся в определениях:

  • Контейнер – это фрагмент JS-кода, который размещается на всех страницах сайта. Внутри контейнера содержится информация о тегах, которые запускаются вследствие выполнения определённых правил, заданных в триггерах и переменных;
  • Тег – фрагмент кода сайта, который позволяет отслеживать трафик и анализировать поведение пользователей, конверсию и т. д. (например, код Яндекс Метрики);
  • определяют, когда нужно активировать тег в веб-контейнере;
  • Переменные – это пара «имя-значение», которая используется в триггере как условие, при котором будет срабатывать тег.

Как установить Google Tag Manager на сайт

1. Зарегистрируйте аккаунт в Google

Если ваш аккаунт в Google уже зарегистрирован и вы авторизированы, пропустите этот шаг. Если нет – авторизуйтесь или создайте аккаунт .

2. Создайте аккаунт в GTM

После авторизации в Google можно переходить к созданию аккаунта в GTM. Перейдите на страницу Google Tag Manager и нажмите на кнопку «Создать аккаунт», затем укажите придуманное название аккаунта и нажмите на кнопку «Далее».

Рисунок 1

В появившемся окне укажите придуманное название контейнера и выберите, где он будет использоваться. В нашем случае это кнопка «Веб-сайт». После этого нажмите на кнопку «Создать».

Рисунок 2

Рисунок 3


3. Добавьте на сайт полученный код Диспетчера тегов

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

Рисунок 4

Выделите и скопируйте код в файл txt. После этого нажмите на кнопку «ОК» в самом низу открывшегося окна.
Далее в файле шаблона сайта, в котором у вас находится блок, вставьте код из верхнего блока как можно ближе к началу.

Рисунок 5

Код из нижнего блока вставьте непосредственно после открывающего тега.

Рисунок 6

После того как вы выполните эти действия, нажмите в панели GTM на кнопку «Опубликовать».

Рисунок 7


4. Протестируйте корректность работы GTM

Далее важно проверить, всё ли вы сделали верно. Для этого можно воспользоваться плагином Google Tag Assistant Recordings для браузера Chrome. Установите это расширение, перейдя по ссылке .

После установки на панели расширений браузера Chrome появится значок Google Tag Assistant - . Для проверки корректности работы установленного на сайт GTM нужно перейти на свой сайт и нажать на этот значок.

Рисунок 8

Из скриншота видим, что значок зелёного цвета, это значит, что установка Диспетчера тегов прошла успешно. Если значок жёлтого или красного цвета – тег размещён с ошибками.
Рекомендации Google

Рисунок 9

Подключение Google Analytics через GTM

Теперь приступим непосредственно к подключению Google Analytics через GTM.


1. Зарегистрируйте Google Analytics

Если на сайте уже установлена аналитика, этот пункт можно пропустить. Если нет, ознакомьтесь с тем, как зарегистрировать Google.Analytics , и пройдите регистрацию.

Обратите внимание! После регистрации Google.Analytics код на сайте размещать не нужно. Нам чуть позже понадобится только идентификатор отслеживания Google.Analytics. Если Google.Analytics зарегистрирован ранее и на сайте уже размещён код, после подключения Google.Analytics через GTM ранее размещённый код аналитики можно убирать.


2. Войдите в зарегистрированный ранее аккаунт в GTM и кликните по ссылке «Добавить новый тег»

Рисунок 10


3. Выберите тип тега

В данном случае нам нужен Universal Analytics.

Рисунок 11


4. Укажите идентификатор отслеживания сайта в Google Analytics и тип отслеживания – «Просмотр страницы»

Рисунок 12

Идентификатор отслеживания ресурса можно посмотреть в настройках Google Analytics.

Рисунок 13

5. Укажите триггер «All Pages»

Чтобы тег срабатывал на всех страницах, укажите триггер «All Pages».

Рисунок 14


6. Сохраните внесённые данные

Рисунок 15


7. Укажите имя тега и нажмите на кнопку «Сохранить»

Рисунок 16


8. Проверьте корректность работы тега

Для этого нажмите на стрелочку рядом с кнопкой «Опубликовать» и выберите «Предварительный просмотр».

Рисунок 17

В «Предварительном просмотре» контейнер с изменениями будет доступен только в вашем браузере.

Если контейнер отобразился под строкой «Tags Not Fired On This Page», тег на странице не сработал. Необходимо проверить все настройки и при необходимости исправить допущенные ошибки.

Если контейнер появился под строкой «Tags Fired On This Page», значит, Universal Analytics установлен без ошибок.

Рисунок 18


9. Опубликуйте Universal Analytics

Рисунок 19

Таким образом, мы подключили на сайт Google Analytics через GTM без вмешательства в исходный код страниц.

Подключение Яндекс Метрики через GTM

Для подключения Яндекс Метрики выполните те же действия, что и для Google Analytics, но так как по умолчанию Яндекс Метрики в GTM нет, при выборе продукта укажите «пользовательский HTML».

Рисунок 20

В результате появится окно с пустым полем.

Рисунок 21

В эту HTML-форму необходимо вставить код счётчика вашей Метрики.

Если на сайте уже установлена Яндекс Метрика, скопируйте код счётчика с исходного кода страницы. Если нет, ознакомьтесь с тем, как создать и настроить счётчик Яндекс Метрики .

Обратите внимание! Как и в случае с Google.Analytics, код на сайте размещать не нужно. Полученный код при настройке Яндекс Метрики нужно скопировать и добавить в появившееся на предыдущем этапе окно «Пользовательский HTML».

Рисунок 22

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

Рисунок 23

Если в режиме предварительного просмотра контейнер размещён под строкой «Tags Fired On This Page», значит, всё настроено верно. Если же контейнер показывается под строкой «Tags Not Fired On This Page», тег не сработал, скорее всего, при подключении была допущена ошибка.

Рисунок 24

После того как мы убедились в том, что тег в предварительном режиме сработал, нажимаем «Опубликовать».

Таким образом, мы подключили на сайте Яндекс Метрику без вмешательства в исходный код страниц.

Если на вашем сайте ещё не установлен GTM, вы сможете установить и настроить его, следуя нашим инструкциям. А мы, в свою очередь, продолжим писать о том, как с помощью GTM анализировать трафик, конверсии и поведение пользователей.

Добрый день, читатели и гости. В данной статье мы научимся настраивать Google Tag Manager для отслеживания переходов по партнерским ссылкам в Яндекс Метрике и Google Analitics.

Идея написания возникла в связи с тем, что я установила на моём блоге баннер с партнерской ссылкой, которая ведет на хостинг . И мне стало интересно, кто из посетителей моего сайта осуществляет переход по данной ссылке, т. е. мне хотелось настроить цели в Яндекс Метрике и Google Analitics таким образом, чтобы они отражали переход с баннера.

На моем блоге аналитика установлена через Гугл Тег Менеджер (Google Tag Manager или GTM). В поисках подсказок о том, какие соответствующие настройки нужно произвести в GTM я перерыла весь рунет, но ответа так и не нашла. А нашла я его у одного американца - его имя Julian Juenemann. К сожалению, ресурс https://measureschool.com , на который ссылается автор на данный момент недоступен.

Google Tag Manager — что это такое ?

Рассказывать подробно о том, что такое Google Tag Manager в данной статье не считаю нужным. Соответствующего материала на данную тему в интернете достаточно.

Но если говорить простым языком, то GTM можно представить как некий контейнер, некую ёмкость, которую мы устанавливаем на свой сайт в виде HTML кода. И уже в этот контейнер мы можем положить все что угодно. Например, установить счетчик любой статистики, будь то Яндекс Метрика или Google Analitics и т. д. Настроить отслеживание конверсий, отслеживание переходов и многое другое.

«Штука» очень удобная, особенно если вы работаете с клиентским сервисом, к которому у вас нет доступа через FTP. Достаточно один раз попросить программиста установить на сайт данный контейнер и больше коллегу мучить своими техническими заданиями не надо. И не терять по нескольку дней в ожидании, когда же наконец он выполнит работу, как это неоднократно случалось в моей практике. Не хочу обидеть программистов, они люди занятые и их тоже надо понимать. Но, время - деньги!

Часть практическая. Как отследить переходы по партнерским ссылкам. Настраиваем Google Тег Менеджер .

Для демонстрации настроек я создала тестовый сайт, на который установила баннер, который ведет на сайт партнера. Мы настроим отслеживание переходов по донному баннеру с помощью Гугл Тег Менеджер. Переходы мы будем видеть в Яндекс Метрике и Google Analitics.

Настраиваем триггер для отслеживания всех кликов

Данное действие позволит отслеживать нам все совершенные клики на сайте без исключения.

  1. В интерфейсе Гугл Тег Менеджер идем на вкладку «Триггеры ».
  2. Тип триггера - «Только ссылки».
  3. Триггер активируется на всех страницах: «Все клики по ссылкам».
  4. Прописываем название, например «Клик по ссылкам».

Рис. 1

Настраиваем триггер для отслеживания переходов по определенной ссылке, в нашем случае - партнерской

  1. Еще раз заходим на вкладку - «Триггеры ».
  2. Тип триггера - «Только клики».
  3. Дальше выбираем галочки «Ждать теги» и «Проверка ошибок».
  4. Устанавливаем условия, при которых будет активизироваться наш триггер. Первое - указываем путь (домен) нашего сайта - триггер будет срабатывать на всех страницах сайта. Второе условие - наш триггер будет активизироваться только при нажатии на определенную ссылку, т. е. партнерскую. См. Рис. 2.

Рис. 2

Настраиваем Гугл Тег Менеджер для отслеживания событий в Google Analitics

Настраиваем инструмент «Тег» так, чтобы совершенное действие - клик по партнерской ссылке, отображалось в Google Analitics. Код GA уже должен быть установлен на вашем ресурсе.

  1. Тип тега - Universal Analytics.
  2. Тип отслеживания - «Событие».
  3. Параметры отслеживаемых событий: «Категория» - например, Affiliate Links; «Действие» - Click URL; «Ярлык» - Page Path.
  4. В настройках Google Analytics прописывая идентификатор отслеживания (код GA).
  5. И последнее, добавляем уже созданный ранее триггер «Клик по баннеру». См. Рис. 3.

Рис. 3

Осталось опубликовать произведенные настройки, чтобы они вступили в силу. Наш результат — возможность отследить переходы, совершенные по партнерским ссылкам в Google Analitics. И если мы теперь кликнем на размещенный баннер партнера, то в Аналитике отобразится соответсвующее событие. См. рис. 4.

Рис. 4

Как произвести настройку Гугл Тег Менеджер для отслеживания переходов в Яндекс Метрике я решила написать во второй части статьи - «Гугл Тег Менеджер: отслеживаем переходы по партнерским ссылкам. Часть 2». Чтобы развеять все возникшие вопросы по настройке я записала для вас соответствующее видео. В видео вас ждет небольшой бонус - я показала как в Google Analitics настроить цель под наше событие.

С вами была Юлия Хайретдинова