Дата публикации 20.01.2018
Тег менеджер Гугл

Настройки тегов в диспетчере Google Tag Manager

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

Гугл Тег Менеджер — что это такое и зачем нужен.

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

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

Для решения проблемы разработчиками Google был придуман и внедрен механизм тегов, управляемых из одного аккаунта — Вы размещаете на свой веб-сайт один код диспетчера, а в интерфейсе Tag Manager настраиваете и добавляете необходимые теги. Инструмент чрезвычайно удобный, когда поймешь принцип настроек.

Конечно, для отслеживания и анализа базовой статистики по рекламной кампании достаточно разместить на лендинге счетчик Яндекс Метрики или Google Analytics и не заморачиваться с Тег Менеджером, но если (как, например, на этом сайте), Вы используете несколько систем аналитики, проводите А/В тестирование, внедряете скрипты других сервисов — стоит изучить информацию подробнее и применять теги Менеджера Гугл.

Установка Google Tag Manager.

Регистрируем аккаунт в менеджере по ссылке. Делается это в три шага — на первом шаге пишем название аккаунта, на втором вводим адрес ресурса и отмечаем, где будет расположен диспетчер (обычно, это Веб-сайт)

google tag manager настройка

На третьем соглашаемся с условиями, жмем «создать» и получаем код для вставки на ресурс

Код диспетчера тегов

Первая часть устанвливается в области head, вторую размещаем в тело своего сайта между тегами body

Как вставить диспетчер тегов

Интерфейс диспетчера.

Главная страница аккаунта открывается во вкладке «Обзор»

Кабинет тег менеджер

Теги — это коды или их части, то есть объекты, с которых идет сбор данных (например, код счетчика Google Analytics, пиксель ВКонтакте или кнопки «Заказать»).

Триггеры — условия, по которым происходит активация тега и передается информацию в статистику.

Переменные — значение, по которому срабатывает настроенное событие.

Теперь рассмотрим работу в Tag Manager на примерах.

Установка счетчиков аналитики.

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

Шаблоны тегов

Тег Google Analytics.

Выбираем аналитику Гугл, «тип отслеживания» — «просмотр страницы», «выбор переменной» — «новая», в следующем окошке вписываем свой идентификатор отслеживания вида UA-хххххххх-хх, скопированный из Google Analytics

Как настроить аналитику в диспетчере

Сохраняем, даем название — тег готов.

Настраиваем триггер — кликаем и выбираем «All Pages» (все страницы). Опять сохраняем и соглашаемся с названием (или даем свое).

Чтобы внесенные изменения заработали, справа вверху кликаем «Отправить», обозначаем версию редакции, в двух словах описываем ее для ориентировки и публикуем

Публикация тега Google

Все, настройки закончены. Во вкладке «Версии» мы видим все добавленные теги, их версии редактирования, триггеры и переменные, в разделе «Администрирование» находится управление всеми элементами на разных уровнях аккаунта. Статистика по сайту собирается и ее можно посмотреть в аккаунте Google Analytics — не забудьте установить код диспетчера на все страницы.

Отказы в Analytics.

Аналитика Гугл показатель отказов считает не по времени, проведенном на сайте, а по количеству просмотренных страниц. Чтобы улучшить статистику по этому параметру, необходимо настроить фиктивное событие, срабатывающее, например, как и в Метрике, через 15 сек.

Добавляем новый тег, тип — «Universal Analytics» с отслеживанием события, категория и действие можно указать любые, и внизу вводим ID Google Analytics

Тег для уменьшения отказов

Сохраняем и добавляем триггер, кликнув на «плюс» справа вверху. Тип — «таймер», интервал 15000 мс и ниже, как на скриншоте — Page URL и укажите адрес своего сайта

Триггер отказов в Тег Менеджере

Все сохраняем, публикуем новую версию редакции — готово.

Для проверки работы триггера по отказам открываем свой сайт с кодом диспетчера и в другой вкладке Google Analytics. В Аналитике жмем «в режиме реального времени» — «события» и видим, что событие фиксируется. Гугл сочтет это за активность пользователя и общий показатель отказов уменьшится.

Работа тега по отказам


Событие клик по кнопке.

Для отслеживания конверсий на сайте, необходимо знать количество переходов по клику — например, кнопки «Заказать».

Для начала нам нужно узнать, какой класс присвоен элементу — открываем сайт, кликаем по нему правой кнопкой мыши и выбираем «Исследовать элемент».

Элемент для события Аналитики Гугл

Внизу (или справа) откроется панель разработчика с выделенной строкой кода. Копируем класс

Класс элемента сайта

Теперь в Tag Manager необходимо активировать переменную для нашего события. Жмем «настроить» и выбираем ту, что показана на скриншоте (она уже добавлена)

Новая переменная в тег менеджере

Далее создаем триггер «все элементы» — «некоторые клики», заполняем поля, как на картинке ниже, указываем скопированный класс элемента, жмем на плюс для добавления новой строки и в ней также прописываем условия

Триггер кликов по кнопке

Сохраняем, дав соответствующее название, и создаем новый тег. Здесь все, как и в предыдущих настройках, в категории пишете что-то похожее из примера, действие — тоже, в ярлыке прописываете идентификатор {{Click Classes}}.

Тег отслеживания кликов

Ниже добавляем созданный ранее триггер, сохраняем и публикуем. Проверяем — на сайте я кликнул несколько раз по кнопке, в Analytics перешел «Поведение» — «События» — «Обзор». Все работает

Проверка отслеживания кликов


Тег Яндекс Метрики.

Добавляется в несколько кликов. Создаем тег с типом шаблона «Пользовательский HTML» и вписываем код счетчика Яндекс Метрики.

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

Тем же путем добавляются теги для других сторонних сервисов — быстро и без сложностей.


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


 

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

Войти с помощью: 

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