Your SlideShare is downloading. ×
0
Google Tag Manager для eCommerce
Гаркунов Михаил
Директор по развитию продаж, Аудиомания
О спикере
- 14 лет опыта работы в продажах и маркетинге, из
которых 7 лет управленческого опыта и создания
подразделений с...
Компания «Аудиомания»
Аудиомания – поставщик качественных решений в
сфере музыки и кино для увлеченных людей.
Компания Ауд...
→ Что такое Tag Management?
1001 тег эффективности рекламы…
Виды тегов
• Веб-аналитика:
– Google Analytics.
– Яндекс.Метрика.
• Отслеживание конверсий/анализ CPO:
– Google Adwords.
–...
Зачем нужен Tag Management?
• Оптимизация кода страниц и их загрузки.
• Гибкость выполнения тегов в зависимости выбранных ...
→ Что такое Google Tag Manager?
Google Tag Manager – это:
• Бесплатный Tag Management сервис от Google.
• Интеграция с Analytics и Adwords.
• Шаблоны тего...
Структура Google Tag Manager
Аккаунт
Контейнер 1
Теги Правила Макросы
Контейнер 2
Теги Правила Макросы
Пользователи
Пользо...
→ Как работает Google Tag Manager?
Как работает Google Tag Manager?
• Пример:
– Отслеживаем добавление товара в корзину
и передаем достижение цели AddToCart
...
1. Передача события в GTM
Добавляем JS-скрипт на кнопку добавления товара в корзину
dataLayer.push({'event': ‘AddToCart'});
2. Настраиваем правило GTM.
3. Создаем тег для Яндекс.Метрика
• Создаем новый тег типа «Пользовательский тег HTML».
• Для активации тега добавляем соз...
→ Интеграция Google Tag Manager
Установка код Google Tag Manager
• Код GTM устанавливается после открывающего тега <body> и
до всех других тегов.
• Данные...
Интеграция событий воронки продаж
«Воронка продаж»
AddToCart – добавление товара в корзину;
Cart – переход на страницу кор...
Передача данных окружения в GTM
• pageType – тип страницы:
– home – главная страница;
– category – категория товаров;
– pr...
Объем данных и событий – ваш выбор!
→ Настройка Google Tag Manager
Добавляем макросы для данных окружения
Добавляем правила для выполнения тегов
Добавляем требуемые теги
Сохраняем контейнер
Опубликовать
Дополнительные ресурсы:
• https://developers.google.com/tag-manager/devguide (англ.) -
документация по интеграции GTM на с...
+7 (495) 268-0460 #170 / mgarkunov@audiomania.ru
youtube.com/user/AudiomaniaVideo
facebook.com/audiomania.ruvk.com/audioma...
Upcoming SlideShare
Loading in...5
×

Google Tag Manager для eCommerce

415

Published on

Описание интеграции Google Tag Manager с передачей в него данных.

Published in: Healthcare
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
415
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Google Tag Manager для eCommerce"

  1. 1. Google Tag Manager для eCommerce Гаркунов Михаил Директор по развитию продаж, Аудиомания
  2. 2. О спикере - 14 лет опыта работы в продажах и маркетинге, из которых 7 лет управленческого опыта и создания подразделений с «0». - С 2003 года работаю в интернет-индустрии (Headhunter, Работа.ру, Mail.Ru, Миксмаркет (ГК AdLabs), Аудиомания). - Эксперт и преподаватель в области рекламы с оплатой за результат (CPA-реклама, лидогенерация, партнерские программы). - Спикер и ведущий секций крупнейших отраслевых конференций: РИФ+КИБ, Russian Internet Week, Russian Affiliate Days и т.д.
  3. 3. Компания «Аудиомания» Аудиомания – поставщик качественных решений в сфере музыки и кино для увлеченных людей. Компания Аудиомания давно известна не только высоким качеством обслуживания, но и подходом к разработке и реализации технологических решений в сфере электронной коммерции. Благодаря разработкам компании, КПД сотрудников Аудиомании значительно выше конкурирующих компаний (экспертная оценка автора). http://www.audiomania.ru/
  4. 4. → Что такое Tag Management?
  5. 5. 1001 тег эффективности рекламы…
  6. 6. Виды тегов • Веб-аналитика: – Google Analytics. – Яндекс.Метрика. • Отслеживание конверсий/анализ CPO: – Google Adwords. – CPA системы. • Ремаркетинг: – Контекстная и таргетированная реклама. – CPA системы: CiryAds, Actionpay, Admitad и т.д. • Другие теги.
  7. 7. Зачем нужен Tag Management? • Оптимизация кода страниц и их загрузки. • Гибкость выполнения тегов в зависимости выбранных условий. • Удобный и понятный интерфейс для управления тегами. • Многопользовательский доступ и управление правами доступа в сервисах.* • История изменений и возможность отказа в предыдущим версиям.* • И другие дополнительные функции. * - зависит от используемого Tag Management сервиса.
  8. 8. → Что такое Google Tag Manager?
  9. 9. Google Tag Manager – это: • Бесплатный Tag Management сервис от Google. • Интеграция с Analytics и Adwords. • Шаблоны тегов для популярных рекламных сервисов. • Гибкие возможности интеграции сторонних тегов, правил активации тегов и получаемых данных. • Поддержка JS в рамках тегов для реализации сложных правил выполнения тегов. • Функционал для «прослушивания» всех кликов по ссылкам и/или формам в рамках веб-стариницы.
  10. 10. Структура Google Tag Manager Аккаунт Контейнер 1 Теги Правила Макросы Контейнер 2 Теги Правила Макросы Пользователи Пользователь 1 Пользователь 2
  11. 11. → Как работает Google Tag Manager?
  12. 12. Как работает Google Tag Manager? • Пример: – Отслеживаем добавление товара в корзину и передаем достижение цели AddToCart в Яндекс.Метрику. • Шаги выполнения: – Передача события в GTM. – Настройка правила отработки тега. – Выполнение тега и передача данных в Яндекс.Метрику.
  13. 13. 1. Передача события в GTM Добавляем JS-скрипт на кнопку добавления товара в корзину dataLayer.push({'event': ‘AddToCart'});
  14. 14. 2. Настраиваем правило GTM.
  15. 15. 3. Создаем тег для Яндекс.Метрика • Создаем новый тег типа «Пользовательский тег HTML». • Для активации тега добавляем созданное правило «Event.AddToCart». • Добавляем в поле код: <script type="text/javascript"> yaCounterXXXXXX.reachGoal(‘{{event}}‘) </script> {{event}} - встроенный функционал GTM, который вместо названия макроса подставляет его текущее значение.
  16. 16. → Интеграция Google Tag Manager
  17. 17. Установка код Google Tag Manager • Код GTM устанавливается после открывающего тега <body> и до всех других тегов. • Данные для GTM передаются через переменную dataLayer. – Синхронный метод передачи до вызова кода GTM: dataLayer = [{ 'pageType': ‘product', 'prodId': ‘12345' }]; – Асинхронный метод передачи после вызова кода GTM: dataLayer.push = ({ 'pageType': ‘product', 'prodId': ‘12345' });
  18. 18. Интеграция событий воронки продаж «Воронка продаж» AddToCart – добавление товара в корзину; Cart – переход на страницу корзины; Purchase – оформление заказа. При необходимости дополнить воронку продаж нужными шагами/событиями. Добавляем JS-код для передачи событий в GTM: dataLayer.push({'event': ‘AddToCart'});
  19. 19. Передача данных окружения в GTM • pageType – тип страницы: – home – главная страница; – category – категория товаров; – product – страница товара; – cart – страница корзины; – purchase – страница оформленного заказа; – info – инфо-страницы о доставке, гарантиях, контактах; – other – другие страницы. • catCurrentId – ID текущей категории. • catParentId – ID родительской категории. • prodId – ID товара. • totalValue – общая стоимость товаров (для корзины и покупки).
  20. 20. Объем данных и событий – ваш выбор!
  21. 21. → Настройка Google Tag Manager
  22. 22. Добавляем макросы для данных окружения
  23. 23. Добавляем правила для выполнения тегов
  24. 24. Добавляем требуемые теги
  25. 25. Сохраняем контейнер Опубликовать
  26. 26. Дополнительные ресурсы: • https://developers.google.com/tag-manager/devguide (англ.) - документация по интеграции GTM на сайт. • https://support.google.com/tagmanager/answer/3002596 - инструкция по интеграции eCommerce для Google Analytics
  27. 27. +7 (495) 268-0460 #170 / mgarkunov@audiomania.ru youtube.com/user/AudiomaniaVideo facebook.com/audiomania.ruvk.com/audiomania instagram.com/audiomania_ru audiomania.livejournal.com Гаркунов Михаил Директор по развитию продаж, Аудиомания
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×