google tag manager для ecommerce
DESCRIPTION
Презентакция к вебинару BeWebby http://bewebby.ru/google-tag-manager-dlya-ecommerce/TRANSCRIPT
Google Tag Manager для eCommerce
Гаркунов Михаил
Директор по развитию продаж, Аудиомания
О спикере
- 14 лет опыта работы в продажах и маркетинге, из которых 7 лет управленческого опыта и создания подразделений с «0».
- С 2003 года работаю в интернет-индустрии (Headhunter, Работа.ру, Mail.Ru, Миксмаркет(ГК AdLabs), Аудиомания).
- Эксперт и преподаватель в области рекламы с оплатой за результат (CPA-реклама, лидогенерация, партнерские программы).
- Спикер и ведущий секций крупнейших отраслевых конференций: РИФ+КИБ, Russian
Internet Week, Russian Affiliate Days и т.д.
Компания «Аудиомания»
Аудиомания – поставщик качественных решений в сфере музыки и кино для увлеченных
людей.Компания Аудиомания давно известна не только высоким качеством обслуживания, но и подходом к разработке и реализации технологических решений в сфере электронной коммерции.
Благодаря разработкам компании, КПД сотрудников Аудиомании значительно выше конкурирующих компаний (экспертная оценка автора доклада).
http://www.audiomania.ru/
Содержание
1. Что такое Tag Management?
2. Что такое Google Tag Manager?
3. Как работает Google Tag Manager?
4. Интеграция Google Tag Manager.
5. Настройка Google Tag Manager.
6. Пример: Добавления тега динамического ремаркетинга
Google Adwords
→ Что такое Tag Management?
1001 тег эффективности рекламы…
Виды тегов
• Веб-аналитика:
– Google Analytics
– Яндекс.Метрика
• Отслеживание конверсий/анализ CPO:
– Google Adwords
– CPA системы.
– Другие рекламные сервисы анализирующие CPO / CPA.
• Ремаркетинг
– Google Adwords.
– Социальные сети: ВКонтакте, Facebook.
– CPA системы: CiryAds, Actionpay, Admitad и т.д.
• Другие теги.
Зачем нужен Tag Management?
1. Оптимизация кода страниц и их загрузки.
2. Гибкость выполнения тегов в зависимости выбранных условий.
3. Удобный и понятный интерфейс для управления тегами.
4. Многопользовательский доступ и управление правами доступа в сервисах.*
5. История изменений и возможность отказа в предыдущим версиям.*
И другие дополнительные функции.
* - зависит от используемого Tag Management сервиса.
→ Что такое Google Tag Manager?
Google Tag Manager – это:
1. Бесплатный Tag Management сервис от Google.
2. Интеграция с Analytics и Adwords.
3. Шаблоны тегов для популярных рекламных сервисов.
4. Гибкие возможности интеграции сторонних тегов, правил активации тегов и получаемых данных.
5. Поддержка JS в рамках тегов для реализации сложных правил выполнения тегов.
6. Функционал для «прослушивания» всех кликов по ссылкам и/или формам в рамках веб-стариницы.
Структура Google Tag Manager
Аккаунт
Контейнер 1
Теги Правила Макросы
Контейнер 2
Теги Правила Макросы
Пользователи
Пользователь 1 Пользователь 2
→ Как работает Google Tag Manager?
Как работает Google Tag Manager?
Пример:
Отслеживаем добавление товара в корзинуи передаем достижение цели AddToCartв Яндекс.Метрику.
Шаги выполнения:
1. Передача события в GTM.
2. Настройка правила отработки тега.
3. Выполнение тега и передача данных в Яндекс.Метрику.
1. Передача события в GTM
Добавляем JS-скрипт на кнопку добавления товара в корзину
dataLayer.push({'event': ‘AddToCart'});
2. Настраиваем правило GTM.
3. Создаем тег для Яндекс.Метрика
1. Создаем новый тег типа «Пользовательский тег HTML».
2. Для активации тега добавляем созданное правило «Event.AddToCart».
3. Добавляем в поле код:<script type="text/javascript">
yaCounterXXXXXX.reachGoal(‘{{event}}‘)</script>
{{event}} - встроенный функционал GTM, который вместо названия макроса подставляет его текущее значение.
→ Интеграция Google Tag Manager
Установка код Google Tag Manager
• Код GTM устанавливается после открывающего тега <body>
и до всех других тегов.
• Данные для GTM передаются через переменную dataLayer.
– Синхронный метод передачи до вызова кода GTM:
dataLayer = [{ 'pageType': ‘product', 'prodId': ‘12345' }];
– Асинхронный метод передачи после вызова кода GTM:
dataLayer.push = ({ 'pageType': ‘product', 'prodId': ‘12345' });
Интеграция событий воронки продаж
• «Воронка продаж»
– AddToCart – добавление товара в корзину;
– Cart – переход на страницу корзины;
– Purchase – оформление заказа.
При необходимости дополнить воронку продаж нужными шагами/событиями.
• Добавляем JS-код для передачи событий в GTM:dataLayer.push({'event': ‘AddToCart'});
Передача данных окружения в GTM
1. pageType – тип страницы:
– home – главная страница;
– category – категория товаров;
– product – страница товара;
– cart – страница корзины;
– purchase – страница оформленного заказа;
– info – инфо-страницы о доставке, гарантиях, контактах;
– other – другие страницы.
2. catCurrentId – ID текущей категории.
3. catParentId – ID родительской категории.
4. prodId – ID товара.
5. totalValue – общая стоимость товаров (для корзины и покупки).
Объем данных и событий – ваш выбор!
→ Настройка Google Tag Manager
Добавляем макросы для данных окружения
Добавляем правила для выполнения тегов
Добавляем требуемые теги
→ Пример: Добавления тега ремаркетинга через GTM
Создаем макросы для данных окружения
Имя макроса Тип макроса Имя переменной
pageTypeПеременная
уровня данных
pageType
prodId prodId
totalValue totalValue
Добавляем тег ремаркетинга
Добавляем динамические параметры
Сохраняем контейнер
Опубликовать
+7 (495) 268-0460 #170 [email protected]
youtube.com/user/AudiomaniaVideo
facebook.com/audiomania.ruvk.com/audiomania
instagram.com/audiomania_ru
audiomania.livejournal.com
Гаркунов Михаил
Директор по развитию продаж Аудиомания