Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Андрей Фейгин. GTM Словами агентства.

Андрей Фейгин. GTM Словами агентства.

Herunterladen, um offline zu lesen

Выступление Андрея Фейгин, руководителя группы веб-аналитики в iProspect, на конференции iMetrics 2014.

Выступление Андрея Фейгин, руководителя группы веб-аналитики в iProspect, на конференции iMetrics 2014.

Weitere Verwandte Inhalte

Weitere von iProspect Russia

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Андрей Фейгин. GTM Словами агентства.

  1. 1. GTM Словами агентства
  2. 2. Словарик • Tag — JavaScript, скрипт — маленькие кусочки кода на сайте.
  3. 3. Процесс работы • Что обычно мы имеем Аудит Планирование Имплементация Анализ
  4. 4. Что это такое Что обычно мы имеем Имплементация
  5. 5. Как было несколько лет назад
  6. 6. Как сейчас Встречается много сложностей Manager Programmer Security
  7. 7. Чтобы поставить один тэг manager analyst manager programmer
  8. 8. У нас бывает иначе manager#1 security# manager#2 programmer# manager#2 manager#1 analyst
  9. 9. We Require more tags
  10. 10. Что же делать? DON’T PANIC AND CARRY A TOWEL
  11. 11. GTM
  12. 12. Это javascript код, который ставится на сайт: на все страницы, после тэга <body>
  13. 13. Это javascript код, который ставится на сайт: на все страницы, после тэга <body> Запускает набор небольших кодов, которые появляются на сайте, а добавляются в отдельном интерфейсе
  14. 14. Это javascript код, который ставится на сайт: на все страницы, после тэга <body> Это набор небольших кодов, которые появляются на сайте, а добавляются в отдельном интерфейсе Это набор правил, по которым небольшие коды появляются на сайте
  15. 15. С чем можно сравнить?
  16. 16. GTM. Правила • «Простые»— если URL сайта содержит «product». • «Сложные» — если выполняется определенное событие.
  17. 17. GTM. Макросы • Откуда берутся значения?
  18. 18. GTM. Макросы • Откуда берутся значения? Если сформулировать очень просто, то это всего лишь «слова» — поток информации, который мы передаём в GTM о браузере посетителя сайта: где он, что он делает, какая у него кука и т.д.
  19. 19. GTM. DataLayer DataLayer — способ передачи информации в GTM от пользователя
  20. 20. GTM Сущность проста Tag Rule Macro
  21. 21. GTM своими словами • Macro — функция, которая выдаёт какое-то значение • Название элемента, URL элемента, постоянная, свой скрипт. • Rule — правило или тригер по которому срабатывает тэг • URL страницы, определенное действие пользователя, etc. • Tag — JS скрипт, HTML (выполняет какую-то задачу) • Аналитические системы, ремаркетинг (скрипты и пиксели). • DataLayer — JS массив объектов • Через него мы общаемся с Google Tag Manager
  22. 22. GTM • Вроде должен упростить работу …но не тут-то было.
  23. 23. Для эффективной работы — план работы =)
  24. 24. Один тэг много событий
  25. 25. Много тэгов — много событий Допустим, задача что-то передавать в систему веб- аналитики …и не только в систему аналитики
  26. 26. Один тэг — много событий Допустим, задача что-то передавать в систему веб- аналитики …и не только в систему аналитики
  27. 27. Упрощаем структуру аккаунта использовать макросы для запуска тэгов с определенными параметрами: отдельным тэгом отправлять информацию все необходимые параметры: dataLayer.push()
  28. 28. Пример использования Создаём тэг Google Analytics, который отправляет события
  29. 29. Пример использования Просмотр главной страницы dataLayer.push({ 'event':'userAction', ‘Cat':'fEp4IWry', ‘Src':'4269049', ‘Type':'invmedia', ‘TagParam':'standard', 'event_category':'homepage', 'event_action':'view_page', 'event_label':’homepage' });
  30. 30. Что получаем Если разработка не на вашей стороне — это не самый эффективный путь вы не знаете JS, разработчики в Индии и не понимают русского языка, вы гуманитарий Удобный контроль всего аккаунта проблемы находятся в разных тегах — примерно всегда можно понять «где не забит гвоздь»
  31. 31. Декорирование Изменение адресов и ссылок
  32. 32. Всё сложное становится ещё сложнее, если вы не знаете JS
  33. 33. iFrame
  34. 34. Проблема • iFrame расположен на сайте. Везде стоит GTM, GA.
  35. 35. Разные куки GA Cookie 1 GA Cookie 2 URL 1 URL 2
  36. 36. Как лечить • setAllowLinker • Передавать в iFrame GA Cookie
  37. 37. Решение Передавать куку в этот …iFrame http://goo.gl/1V2wci
  38. 38. GA Cookie 1 GA Cookie 1 URL 1 URL 2/?cookie1
  39. 39. Ремаркетинг/ретаргетинг
  40. 40. Re-ting
  41. 41. Много площадок http://www.diges.ru/
  42. 42. Используют одну и ту же информацию dataLayer.push({ 'pagetype': $pagetype, 'product_category_name': $product_category_name, 'product_category_id': $product_category_id, 'product_id': $product_id, 'product_name': $product_name, 'product_price': $product_price 'cart':[{ 'product_category_name’: $product_category_name, 'product_category_id': $product_category_id, 'product_id': $product_id, 'product_name': $product_name, 'product_price': $product_price },{ 'product_category_name’: $product_category_name, 'product_category_id': $product_category_id, 'product_id': $product_id, 'product_name': $product_name, 'product_price': $product_price }] });
  43. 43. GTM С помощью макроса забираем данные, правилом запускаем созданный тэг
  44. 44. Победить много площадок http://www.diges.ru/
  45. 45. Карты На сайтах
  46. 46. Полезные действия Карта Загрузка карт Открытие флажка Закрытие флажка
  47. 47. Зачем и как? Мы получаем дополнительную информацию о наших пользователях — что они делают на сайте. Мы также приобретаем дополнительную информацию по интересующим точкам продаж. Пример пошаговой реализации для Universal Analytics в блоге http://iprospect.ru
  48. 48. Flash vs. Universal Analytics
  49. 49. Советы от РП не надо делать Flash. Есть возможность — избавляйтесь.
  50. 50. GTM + UA + Flash Задача: отслеживать Flash события в UA со статистикой сайта Решение : http://goo.gl/LsmYO3 Сложности: Для UA нет библиотеки под Flash Решение: С помощью дополнительной функции ExternalInterface.call(JS_function_name)
  51. 51. Отдаёт наружу…
  52. 52. Мобильные приложения и GTM Есть SDK — уже хорошо
  53. 53. SDK Software Development Kit библиотека, которая позволяет выполнять различные дополнительные функции
  54. 54. Советы от РП «Эффект» отличается от веб-версии. Это надо осознавать до принятия решения ставить GTM в мобильное приложение.
  55. 55. Наши первые результаты Большую часть Google Analytics SDK, SDK GTM не умел. не удалось
  56. 56. GTM SDK Доделывать что-то по мобильной разработке — сложно и долго С точки зрения аналитических задач — мы сейчас делаем всё через SDK GA, AF, MAT Если вам необходимо править часто небольшой контент — дерзайте
  57. 57. Что можно ещё сделать С ПОМОЩЬЮ GTM
  58. 58. Ещё фишки Оценить эффективность контента сайта Мониторить работу социальных плагинов
  59. 59. Про контент Оценить эффективность контента сайта Сколько человек проскроллило статью до конца Сколько времени занимал такой скролл Кто из них возвращался на сайт и какие ключевые действия делал
  60. 60. Про соц. плагины Мониторить работу социальных плагинов Сколько людей вошло на сайт с помощью соц сетей Пользователи каких сетей чаще шэрят ваш контент Сколько комментов было оставлено с помощью соц плагинов на сайте
  61. 61. Итого
  62. 62. Не плодите сущностей Оптимизируйте взаимодействие Экспериментируйте Проверяйте всё что наделали Публикуйте изменения! (=
  63. 63. Вопросы? Андрей Фейгин Andrey.Feygin@iprospect.ru Ofc: +7.495.995.9545 » Fax: 7.495.995.7515 6/2, Presnenskaya emb. Moscow, 123317
  64. 64. Спасибо!

Hinweis der Redaktion

  • Обычно, процесс выглядит так
  • Сегодня я хочу остановиться на техническом процессе. Имплементация. Технологии развиваются, надо идти вместе с ними.
  • Мы просили ставить дополнительные коды на сайт. Объясняли куда и что надо было воткнуть. А главное, зачем.
    А если у клиента были проблемы, нам давали доступ в CMSку и иногда мы тоже что-то могли поставить.
  • Да ничего не изменилось. В большиенстве случаев всё равно самый надёжный способ: попросить клиента поставить нужный тэг в нужное место на сайте. Аналитики часто натыкаются на команду из манагера, программиста, специалиста по безопасности. И чем больше клиент, тем больше людей, который будут принимать решения а что ставить и КУДА. А некоторые очень редко прислушиваются к тому, что вы им говорите и всё делают по-своему.
  • В зависимости от технологий клиенту необходимо всё больше и больше различных скриптов, которые будут отслеживать «что-то».
    Среднее количество установленных скриптов внешних сервисов на сайте?
    Ну сколько? Google Analytics?
  • Как гласит замечательная книга «Путеводитель по галактике для автостопщиков» — «без паники». Не смотря на большое количество звеньев в цепочке, нам её необходимо пройти один раз. И в этом нам поможет GTM. А что можно сделать полотенцем? Сделать из него подушку, вытереть кого-нибудь, постелить как скатерть, связать ноги менеджеру, отхлестать программиста — очень помогает. Универсальность полотенца очень схожа с универсальностью GTM.
  • Собака — мы её обучаем набору команд.
  • Откуда-то в GTM должны взяться переменные, которые будут передавать нам значение URL сайта, события. Так вот, эти значения берутся с помощью макросов.
  • Откуда-то в GTM должны взяться переменные, которые будут передавать нам значение URL сайта, события. Так вот, эти значения берутся с помощью макросов.
  • Отделяем шум от команд. dataLayer — это способ передачи информации в GTM.

  • ----- Заметки к собранию (14/10/14 14:03) -----
    макро – хозяин говорит.
    рул — правило. команда на которую надо отреагировать.
    тэг — это само действие собаки.
    dataLayer — мысли собаки.
    попробовать визуализировать картинку

  • ----- Заметки к собранию (14/10/14 14:03) -----
    На пальцах объснить основные термины. И как они могут помочь.
    Вторая часть — краткий мануал. Базисно понимать основные шаги работы.
  • 1) Мы будем знать где ошибка
    2) Мы избавляем себя от необходимости заводить под аналогичные правила срабатывания тучу различных вариантов тэгов.
    3) В обоих случаях мы можем концентрировать информацию для генерации тэга.

  • ----- Заметки к собранию (14/10/14 14:03) -----
    Собаки

  • ----- Заметки к собранию (14/10/14 14:03) -----
    подсветить.
    Показать на собаке.
  • Если у вас есть конверсия на сайте, но она «происходит» на отдельном сабдомене/домене, который подгружается в iFrame. Ну эффект тот же, если вы соревнуйтесь сами с собой. Мимо не «ударите», но выглядит с заковыркой. Обычно в таких веселых ситуациях аналитикс «ломается». А именно теряет сессию, источник — что ж делать в таком случае?
  • Таким образом, мы теряем источник трафика, который приходит на url.ru.
  • Метод setAllowLinker.
    Передавать всю информацию о пользователе в iFrame
  • Скрипт прост: ищет все iFrame с нужным нам значением (чтобы точно к нужному нам подойти), если подходит — тогда добавляет в URL куку.
    Не забываем про setallowlinker в айфрэйме.
  • Чёрная магия, которая возвращает пользователей на сайт.
  • А ребят, которые умеют это делать, достаточно.
    И большая часть технологий использует одну и ту же информацию (ну, так уж повелось). Кто-то больше, кто-то меньше. И чтобы успешно всё сделать для сайта клиента, необходимо составить список того, что необходимо и что можно передавать.
  • Например, у нас есть продуктовая страница. И сессия на этой странице продолжается с уже заполненой корзиной
  • А ребят, которые умеют это делать, достаточно.
    И большая часть технологий использует одну и ту же информацию (ну, так уж повелось). Кто-то больше, кто-то меньше. И чтобы успешно всё сделать для сайта клиента, необходимо составить список того, что необходимо и что можно передавать.
  • Да, эту технологию ещё используют.
  • На самом деле, решение уже описано в developers guide, даже не знаю сколько оно там лежит. Метод прост и удобен тем, что никакой дополнительной информации, по сути, передавать не надо. Вы наружу (в страничку сайта) отдаёте скрипт и всё.
    ----- Заметки к собранию (14/10/14 14:03) -----
    для классической версии есть lib
    пример сделать.
    Подробнеее
  • Совет от розовой пантеры.
    ----- Заметки к собранию (14/10/14 14:03) -----
    SDK
  • Было это в далёком феврале 2014.
  • Ищите изящные решения – это интересно (=

×