Всем привет. Меня зовут Яна Ляшенко и я Google-логист. И в сегодняшнем видео вам покажу, как на Хорошопе настроить расширенное отслеживание конверсий с передачей е-мейла и номера телефона. А для конверсии тег покупка, у меня есть отдельное видео, как настраивать тег покупка на Хорошопе. В этом видео не буду рассматривать это. Где-то здесь будет ссылка либо внизу, либо без проблем плейлист на Хорошопе найдете. Вам покажу как настроить это расширенное после того, как это объясняет сам Google. Ну, то есть, это варианты, как он рассказывал как это можно настроить.
Оформление тестового заказа, заполнение полей
Так с чего мы с вами начнем в целом? Вот смотрите, у меня есть Таг Менеджер. Нажимаю я превью. Сайт обычно вы не увидите, не буду демонстрировать клиента, которому я это настраиваю. Но что мы делаем? Ваша задача сделать что? Правильно, у меня уже здесь товар сделан. Я нажимаю «Оформить заказ». Смотрите, здесь будет все заблюренное – название товара, кроме этого блока оформления заказа, чтобы вы видели. Смотрите, что здесь пишу. Пусть это будет, не знаю, «Янка тест», номер телефона. Смотрите сейчас, он у меня уже здесь прописан. Ну давайте что-нибудь там понаписываем. Да, и вот телефонная почта.
Настройка передачи телефонного номера
Как нужно это настроить для Google Таг Менеджера? Идем в наш Google Таг Менеджер. Переходим в этот блок. Он у меня называется Variables. А у вас это будут переменные, если у вас соответственно интерфейс не на английском.
В этом блоке в User-Defined varbles. Здесь у вас будет два блока, это встроенные переменные. И, кажется, это то, что мы определяем по отдельности. Будет та же структура. Я нажимаю New, нажимаю Конфигурация.
Я ищу такой пункт, который называется, если его не пропустила, DOM Element.
Зафиксировала. В этом DOM Element выбираю селектор CSS. Зафиксировали.
Далее мне нужно вставить этот селектор. Ничего сложного, поверьте, здесь не будет. Возвращаемся на наш веб-сайт. Становимся просто вот на наш номер телефона. Нажимаем правой кнопочкой «Просмотреть код» или вы там вызываете вот этот код, комбинацию клавиш, если у вас там Windows. К сожалению, на Виндовсе не помню. Топаем правой кнопочкой. Смотрите, вот если щелкну, например, по имени «Просмотреть код», оно сразу мне подсвечивает таким синевато-голубым цветом вот этот блок данных.
Если топну на номер телефона, нажму «Просмотреть код», у меня соответственно эта штука будет. Вот ничего больше не щелкая, просто наводим на этот блок, который нам подсветило. Щелкаем правой кнопочкой, выбираем «Копировать» > «Копировать селектор». Больше ничего не делаем.
Возвращаемся в наш ГТМ, просто вставляем этот длинющий кодище, который у нас есть вот здесь. Далее, здесь обязательно мы прописываем, не поверите что, value.
Далее вы должны обозвать эту штуку. Ну например, я его назову Phone Css-2 Y, потому что я уже для ребят своих снимала это видео. У меня такое изменение похоже есть.
Настройка передачи электронной почты
То же самое я сейчас сделаю с эмейлом. Конфигурация переменной. Ищу снова DOM Element, меняю на CSS селектор. Возвращаюсь на сайт. Эмейл, пожалуйста, это очень, это очень важно для Гугла, чтобы был эмейл, фиксировался.
Потому что если мы посмотрим на справку, пока эта справка актуальна. Возможно, они перепилят, переделают. Потому что все меняется. Телефон как отдельную перемену можно трекать, только если есть емейл. Поэтому у вас нет особых выборов, чтобы эмейл был. Потому что можно еще добавить фамилию, имя, но я не вижу смысла в этом. К примеру, он в таргетировании не используется. Можно было взять город и адрес, но система попросит вас, чтобы передавались, например, индекс. А индексов здесь нет. Короче, чтобы не морочиться, вот емейла и телефона будет вам достаточно.
Снова правую кнопочку на емейл, «Просмотреть код». Вот он у меня подсветился. Правая кнопочка, «Copy» > «Copy selector».
Возвращаемся. Просто вставляю. Здесь прописываю value. Email – Css Y, здесь замечу явно. Сохраняем.
Проверка передается ли параметры по настроенному сбору
Что теперь делаем? Теперь нам нужно проверить, трекаются ли эти, в принципе, параметры. Как это сделать? Снова щелкаю Preview. Нажимаю превьюшечку. Перехожу на свой сайт. Смотрите, у меня, поскольку товар уже в корзине, я сразу в корзину иду. Если у вас здесь оно не отображается – товар добавляю корзину «Оформить заказ». Смотрите, у меня здесь была написана Янка тест, давайте напишу Янка RRRRRR. Вот так. Номер телефона давайте вот переделаем. Там 96, двоечки и эмейл мы переделаем. Так и зафиксировали. То есть вы видите, что сейчас написала здесь.
Я возвращаюсь в предыдущее окошечко, которое нам открыл просмотрщик. Вот у меня есть эта страница оформления заказа. Перехожу на переменные. И что я делаю? Вот просто пойдите по вот этим кликам, которые у нас были. Что вы здесь увидите? «Email Css Яна».
Вот что создала. Магия. Здесь что-то происходит. Верно? Даже если у человека там что-то изменилось в жизни. Она думает, Боже, с ошибкой ввел эмail и она его перерабатывает, не знаю, всепусик.
Боже, что делаю? Все-пуси. Возвращаемся сюда. Переходим на 24-й. Сейчас так, что у нас здесь? Куда-то он снова щелкает. У нас этот клик фиксируется. И что мы видим? у нас здесь уже всепусик.
Здесь было 122, там могло быть еще что-то типа tedd22. Это все неважно, потому что мы эти данные будем потом отправлять по происшествию. То есть в результате пойдет только конечный всепусик у нас.
То же у нас происходит с номером телефона, если вы увидите. Вот если, снова сейчас, вот тут номер телефона заменяю. Пусть это будут единички, снова щелкаем в какой-нибудь другой элемент. 26 строчку беру. Вуаля есть другие номера телефонов. Это то, что мы с вами хотим фиксировать. Захотите такую же штуку, можете сделать для имен там, фамилий, т.д. и прочее. Это уже дальше ваша фантазия.
Настройка переменных в тег покупки
Что дальше? Иду в тэги обязательно. Нахожу свой тег покупки, который у меня был сконфигурирован.
Разворачиваю его, нажимаю сюда и обязательно ищу вот такой вот блок, который у меня называется Include user-provided data from your website. Ну, это «включить пользовательские данные». У меня уже здесь выбран он, но, условно, вы можете нажать New variable вот.
User-Privided data. Выбрать «Вручную задать». И здесь все позадавать что вам нужно.
Вообще оно не играет роли. У меня там был. Я его сейчас переделаю, потому что у специалиста не получилось это настроить. Показываю, как это корректировать. Вот, соответственно, это тоже демонстрирую. Это у меня будет новая переменная «Эмейлы». Помните эмейлы у нас «Css 2» мы делали. А нет, эмейлы мы не производили «Css 2». А телефон мы делали двоечку. Вот 2 Y. Это те же самые, если проверить, эти вещи, которые мы с вами, где оно здесь всепусик наш «Email – Css Y». Почему я использую такие «усипусики»? Вы тогда очень хорошо запоминаете все.
Смотрите, по такой же технологии, вы можете взять первое имя, ну есть это имя, фамилию, улицу, город, регион, страну, postal code. Единственное, что когда мы добавляем, здесь можно добавить несколько параметров. Смотрите, имя, фамилию. Оно особо не несет никакой ценности для таргетирования. Google когда-то говорил, что он будет делать персонализированную рекламу, то есть если человек там написал Яна, то он будет говорить «Яна», там например «Яна, это предложение для вас», условно или что-то типа такого.
Пока такого распространения не видела, поэтому не знаю, хотите трекайте, хотите не трекайте. Это по вашему желанию. В принципе, для большинства сайтов Украины люди прописывают реальную фамилию, имя. Почему? Потому что они хотят, чтобы им Новой почтой что-то отправили.
Улица, город. Единственное, что здесь вам не будет достаточно – это возник кода. Потому что если мы посмотрим на структуру чекаута Хорошопа, у нас здесь есть доставка, оно потрекает, что это не отделение. Он возьмет адрес этого отделения.
Не рекомендую все-таки по этому таргетироваться, потому что я не уверена будет ли это супер корректно. Потому что конечная задумка таргетирования по адресам, точнее сбор этих данных была в том, что система понимала в каком из регионов лучше или там улиц с радиусом в один километр что-то хорошо работает, что-то плохо работает. В принципе, можно брать для этого трекать сами локации Новой Почты. В принципе на почту приходят только люди с покупательской способностью. Но поскольку этот момент не дотестирован, чтобы не было такого, что система попытается влить деньги только в этот радиус, а там люди, например, приходят забирать свои посылки, а не что-то покупать. Поэтому это такое – 50 на 50. Но здесь не хватает индекса просто. Если вы знаете у нас, например… Чего у нас, если вы возьмете какие-то забугорные шопифаевские проекты, любой там американский сайт откроете у них, когда доходишь до чекаута у них все просто — адрес, улицу и посталкод. Это тоже делается, потому что такие требования, вот например Гугла.
То есть это сделали, для Украины этого будет достаточно. Save «User-Provided Data». Я ее обзову Яна, условно. Сохраняю.
Смотрите, эта штука будет отрабатывать на событие purchase. На Хорошопе, напоминаю, событие purchase отрабатывает, когда мы нажимаем кнопку «Оформить заказ», тогда эти данные только отправляются. Поэтому, если там человек перепутал эмейлы, там номер телефона корректировал все равно в конечном итоге отправится то, что было последним. Вот то, что было последним. Это достаточно хорошо, достаточно удобно.
Настройка сбора переменных с использованием посторонних скриптов
Если же, например, вам нужно, ну, например, у вас тег покупка, реализованный напрямую из Хорошопа, есть такие ситуации, когда там ставят дополнительный скрипт. Я такой способ не слишком рекомендую. Лучше уже из-за ГТМ. Тогда у вас больше гибкости в управлении. Потому что вы можете в этот purchase добавить весь набор данных, которые вам интересно задать эти параметры. Захотите – поменяете. Все-таки это немного удобнее, чем просить это делать кого-то. Если вдруг вы вносите это напрямую через скрипты, которые вы вносите непосредственно в Хорошoп, тогда вам нужно будет сделать такой тег, который называется Google Ads User-provided Data Event.
Вы нажимаете сюда Tag configuration. Выбираете этот Google Ads и выбираете, вот видите он у меня последний. Вы его не перепутаете User-provided – это данные предоставленные пользователями.
Сюда вы вставляете ID своего Google Ads. Это все, что идет после AW-. Это вы можете найти в своей конверсии. User Data выбираете, какие вы там создали перед этим и триггер выбираете. Если на Хорошопе – это purchase. То выбираете purchase. Все храните, публикуете. Всё, вуаля. Эта вещица у вас будет работать.
В данном случае это приостанавливаю, потому что в принципе все данные будут передаваться здесь. Этот блок нужен больше, когда у вас немного отличается либо не в один момент, либо разными способами, это способами, это донастроено.
Публикация и анализ результатов
Все, дальше осталось только опубликовать. Как быстро Google в принципе отреагирует на корректность данных. Смотрите, он будет очень часто ссориться в любом случае на то, что какие-либо данные отсутствуют. Потому что как минимум при повторном заказе этой электронной почты уже не будет здесь подсвечено. То есть она хранится где-то в кукисах или где пользователя, то людей надо заставлять выходить из своего профиля. Здесь какая-то авто как регистрация идет. Поэтому здесь я вам не знаю, что сказать. В принципе, большинству данных будет достаточно, если оно будет в таком виде. И где-то только через 45 дней, как Google говорит, хорошо, что не 40. Он в принципе где-то через месяц, он вам более или менее адекватно покажет аналитику после того, как он из нее воспользуется.
В общем, где-то в течение трех суток вы увидите или, в принципе, он съел эти параметры или не съел эти параметры. В интерфейсе будет он подсвечивать «нуждающегося внимания» или не будет. Но обычно это может занять немного больше времени.
Но это прямо супер простой вариант без написания скриптов, взятие каких-то переменных, если вы не программист. Это прямо по тому мануалу, который давал сам Google, точнее углеры записывали видео, это объясняли как это брать все, как супер корректно. Все трекается. Всепусики или что вы там захотите взять. Все вот фиксируется, пожалуйста, это все отправляется по событию purchase.
