Практические возможности работы с Google Tag Manager

Алексей
Данилин
Практические возможности работы
с Google Tag Manager

План доклада
1. А/В тестирование.
3. Обход кэширования.
3. Быстрое внедрение дополнительного функционала специальных
предложений для увеличения среднего чека.
4. Отслеживание отправки проблемных форм.
5. Внедрение микроразметки.
6. Отслеживание целей и электронной торговли в Яндекс.Метрике.
7. Работа с iframe.

А/В тестирование
Задача:
определить, нужна ли на сайте форма отзывов о компании для
корпоративного сайта.
Ограничение на реализацию:
без привлечения разработчиков.

Гипотеза:
наличие данной формы увеличивает показатель отказов.
Варианты решения:
- стандартная реализация эксперимента в Google Analytics (не
подходит из-за необходимости привлечения разработчиков);
- Browser-only реализация с помощью Content Experiments
JavaScript API и Google Tag Manager (предпочтительная
реализация в данном случае даже с учетом всех ограничений)

Реализация:
- пользовательский HTML тег с кодом эксперимента (https:
//developers.google.com/analytics/solutions/experiments-client-side?
hl=ru#implement) и event для активации тега дополнительного
хита в Universal Analytics;
- тег Universal Analytics Event (Non-interaction) для отправки
дополнительного хита.

Результаты:
Пришлось привлечь разработчиков, чтобы убрать форму.

Обход “злого кэширования”
Задача:
настроить отслеживание событий для анализа предстоящей
рекламной кампании.
Ограничения:
1) в течение одной сессии <head> постоянно копируется с
предыдущей страницы;
2) цикл внедрения разработчиков превышает допустимые сроки
реализации задачи.

- обычная настройка отслеживания событий Google Analytics через
интерфейс Google Tag Manager (не подходит ввиду ограничения
1);
- настройка событий с использованием dataLayer (не подходит
ввиду ограничения 1);
- использование пользовательских HTML тегов с кодом JavaScript,
учитывающим логику активации/деактивации стандартных тегов
(усложняет логику работы стандартных тегов, но является
допустимым решением в данном случае).

- для каждого события в пользовательских HTML тегах создается
JavaScript переменная (true/false), значение которой меняется в
зависимости от необходимости активации/деакитивации тега
события в данный момент;
- в тех же тегах добавляются и удаляются из dataLayer event для
активации тегов событий;
- парсинг ClientID и добавление в Action некоторых событий для
устранения дублей.

Результат:

Результат:
в разработанном для клиента BI решении события фиксируются
корректно, что позволяет проводить корректный анализ поведения
пользователей во время проведения рекламной кампании.

Блок специальных предложений для увеличения
среднего чека
Задача:
увеличить средний чек для онлайн-заказа пиццы.
без привлечения разработчиков.

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

- 2 пользовательских HTML тега - для активации в пустой и
заполненной корзине + теги для отправки событий Universal
Analytics

- увеличение среднего чека по всем источникам трафика на 15% у
пользователей, взаимодействующих со скриптом, по сравнению с
остальными пользователями;
- 95% пользователей, взаимодействующих со скриптом, в итоге
делают заказ.

Отслеживание отправки проблемных форм
Задача:
- настроить отслеживание отправки заявок через форму на сайте;
- настроить отслеживание процесса заполнения формы.
1) без участия разработчиков;
2) форма сверстана не корректно (при отправке не фиксируется
событие gtm.formSubmit).

- в Google Tag Manager использовать встроенные теги для
отслеживания отправок форм (не подходит из-за ограничения 2);
- реализовать отслеживание отправки формы через запись данных
в dataLayer (не подходит из-за ограничения 1);
- использовать скрипт для проверки правильности заполнения
полей формы и если она заполнена правильно, то отправлять
событие в Google Analytics + использовать виртуальные страницы
для отслеживания процесса заполнения формы (оптимальное
решение).

- использовать пользовательский HTML тег для проверки
корректности заполнения формы, записи event в dataLayer для
активации тега отслеживания события в Google Analytics и записи
event на каждом шаге заполнения формы;
- использовать стандартный тег Universal Analytics Event для
отправки события в Google Analytics;
- использовать стандартный тег Universal Analytics PageView для
отправки просмотров виртуальных страниц в Google Analytics.

визуализация последовательности заполнения формы и возможность
её анализа

Отслеживание целей и электронной торговли в
Яндекс.Метрике
Задача:
настроить отслеживание целей и электронной торговли в Яндекс.
Метрике
без внедрения разработчиков

- внедрить дополнительный код на сайт (не подходит из-за
ограничения);
- использовать Google Tag Manager для передачи данных
электронной торговли в Яндекс.Метрику.

- спарсить со страницы подтверждения заказа данные о заказе в
массив yaParams;
- на странице подтверждения заказа активировать
пользовательский HTML тег с кодом отслеживания событий в
Яндекс.Метрике с учетом yaParams (http://help.yandex.
ru/metrika/content/e-commerce.xml);
- в Яндекс.Метрике настроить цель для отслеживания события из
предыдущего пункта.

Результат:

Для сравнения данные из Google Analytics за тот же период:
У клиента есть возможность сравнивать
данные из двух источников.

Микроразметка сайта
Задача:
добавить на сайт микроразметку для отображения в поисковой
выдаче Google дополнительной строки поиска по сайту
цикл внедрения доработок у клиента внесет слишком большие
временные задержки в анализ результатов

- внедрить код микроразметки на сайт (не подходит из-за
ограничения);
- использовать Google Tag Manager для внедрения разметки через
Json-LD (оптимальный вариант).

- пользовательский HTML тег на главной странице сайта со
специальной разметкой (https://developers.google.com/structured-
data/slsb-overview)

Результат:

Результат:
- при повышении трафика из Google на 4,5% после появления
строки в поиске использование внутреннего поиска по сайту
упало на 3,5%;
- CTR по запросам с поисковой строкой в результатах выдачи
увеличился в среднем на 2%.

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

- добавить код отслеживания на страницу формы и передавать
данные в личный кабинет по API (теряется часть взаимодействий
пользователей со страницами, на которых размещен код формы,
и со скриптом перехода к форме);
- объединить все взаимодействия в одну цепочку и передавать
данные в личный кабинет по API (решает основную задачу).

- в скрипт перехода к форме добавить парсинг Client ID и отправку
просмотра страницы при клике по скрипту через Measurement
Protocol в Universal Analytics;
- на странице, содержащей форму, получить Client ID, отправить
данные о просмотре страницы в Universal Analytics и перед
загрузкой формы передать в неё через GET-параметры Client ID;
- на странице формы получить из GET-параметров Client ID и
передать данные о взаимодействии с формой в Universal Analytics
c учетом полученного ID.

Результат:
- в личном кабинете у пользователя сервиса отображается полная
цепочка взаимодействий от клика по скрипту до отправки формы
в iframe;
- пользователь может анализировать эффективность работы
сервиса на каждом этапе;
- у сервиса есть возможность анализировать взаимодействие с их
элементами на страницах сторонних сайтов.

Узнайте больше об интернет-маркетинге

Практические возможности работы с Google Tag Manager

Практические возможности работы с Google Tag Manager

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (20)

Similar to Практические возможности работы с Google Tag Manager

Similar to Практические возможности работы с Google Tag Manager (20)

More from Netpeak

More from Netpeak (20)

Практические возможности работы с Google Tag Manager