Part 2: Woocommerce wordpress ga4 conversion tracking
С чего же начнём процесс настройки всех аналитик и конверсий? Начнём, пожалуй, создание аккаунта четвёртой аналитики. Нужно перейти по адресу analytics.google.com. Естественно, логинитесь под свой Gmail аккаунт. Нажимаем «Создать аккаунт». Дальше нужно его обозвать.
Возьму скопирую название сайта, предпочитаю, рекомендую называть аккаунты вашим доменным именем, чтобы смогли всегда найти свою аналитику. Потому что порой создаёте несколько сайтов, запускаете разную рекламу и зачастую бывает ситуация когда написали «Мой сайт» или ещё чего-то и сложно найти эту аналитику по названию, потому что по идентификатору на данный момент поисковые строчки в аналитике не работают.
Дальше проделываю тот же путь, что раньше. Выбираю соответствующую страну, время, валюту, прочее. Если Украина — выбираете Украину. Другая страна — выбираете соответствующую страну. Допустим в данном случае выберу… Пускай останутся Штаты, доллар.
Идём дальше. Как угодно. Хотите что-то выбираете, хотите нет. Выбираю вот раздел.
Все галочки проставляю, нажимаю «Create». Можете всё прочитать.
Всегда рекомендую читать, но поскольку снимаю видео, не стану это вычитывать.
Нажимаем «Web». Дальше вставляем сайт. Естественно он обязательно должен на https, не на http. Тоже название домена, что будем делать. Все флажки включены, нажимаем «Create account». Теперь система обязательно предложит настроить нашу аналитику. Но к этому сейчас ещё дойдём.
Установка плагина Google Tag Manager на WordPress
Дальше. Так как станем настраивать четвёртую аналитику конверсии Google, при этом настроим Тег покупка с передачей динамических данных, всё сделаем через отдельный инструмент который в Гугла называется Google Tag Manager. Почему предлагаю делать через него, а не через другой плагин? Во-первых, показываю дёшево-сердито, полный набор функционала которого с головой достаточно для работы с Перформанс Максом длительное время. Вторая причина — если нужно что-то подправить, подкорректировать, изменить какую-то передачу данных. Должны помнить — Google сейчас меняется, практически ежеквартально, ежемесячно что-то апгрейдит. Естественно, выкатывается в каких-то изменениях. Чтобы могли за секунду зайти подправить нужное.
Нужно поставить Google Tag Manager на WordPress WooCommerce через который реализуем, что нужно для аналитики. Идём в «Плагины». Нажимаем «Add New Plugin». После предлагаю в поисковой строчке ввести следующие символы «gtm4wp». Появится тут прям первый плагин под названием A Google Tag Manager (GTM) plugin for WordPress и будет подписано Thomas Geiger. Установим его. Напоминаю — сейчас сделаем настройку от нуля до конца. По максималке. Всё пичкаем Google всей возможной информацией, дёшево-сердито. Будем пользоваться настройками дополнительными. Обязательно нажимаем «Активировать». Активировали, дальше идем в плагины и сейчас ищем этот плагин.
Создание аккаунта Google Tag Manager
Нажимаем Settings (настройки). После начнется сейчас самое интересное. Нужно сейчас создать Таг Менеджер. Это несложно. Вот tagmanager.google.com, нажимаем «Create account». Копирую доменное имя сайта. Та же самая история что была с аналитикой. Тоже выставляете свою страну. Снова-таки настройки контейнера. Предпочитаю чтобы назывался доменным именем. Выбираю «Web», нажимаю «Создать». По желанию, тут небольшой набор языков. Хотите вычитывайте, хотите — нет. Особо выбора нет — без по согласия на эту галочку не будет ничего.
Создали аккаунт Google Tag Manager. Что делаем дальше? Обязательно берём копируем идентификатор
возвращаемся в админку WordPress WooCommerce, идём сюда, вставляем все цифровые буквенные значения.
Настройка плагина GTM4WP
Дальше идём обязательно в «Integration», идём в блок «WooCommerce», отметим несколько важных галочек. Первое — соответственно, всё ради чего делаем, трекать нужно e-commerce.
Дальше Products for impression, автоматически стоит цифра 10. Можно задать минимум 5 позиций, потому что будем корректировать, шаблоны у всех разные WordPress-а. Бывает много событий передается, иногда мало. Расскажу всё поочерёдно как красиво сделать. Если нужно, прямо дам готовый контейнер, который загрузите, импортируете в Google Tag Manager и просто дальше введете свои данные, что нужно. Сделайте так — напишите в комментариях, чтобы знала, что нужен готовый контейнер. Расскажу всю цепочку как всё настраивается, чтобы при возникновении каких-то вопросов, доработки или прочее, могли что-то поменять.
Нужны «Cart content». Таксомонию хочу автоматическую пока что. Google пускай определит автоматическую. «Customer data», «Order data». Налоги всегда исключаю из дохода, потому что хочу оперировать рентабельностями реальными.
Пускай так будет. Шиппинг исключаю, если нужен доход чистый который без шиппинга, без таксов, помечаю галочки. Если нужен грязный доход, который поступает, — можете не ставить галочки, подбираете под себя.
Нужно обязательно в блоке выбрать «Retail» так как есть образование, авиа тикеты, для работы, для разных видов бизнеса. Мы – Retail
«Product ID prefix». Для понимания нужно ли его проставлять, необходимо вернуться в Мерчант Центр, перейти в «Продукты», перейти в «All products» и посмотреть на ID-шничек.
Если кроме цифр находится штучка как «gla», её копирую и обязательно в админочке просто добавляю. Расскажу дальше для чего штука нужна будет. Тут больше ничего не отмечаю, нажимаю «Сохранить».
Ещё бы разок проверила обязательно данный блок чтобы был «ON».
Проверяю код, нажимаю «Сохранить изменения». Сохранили изменения. Дальше обязательно нужно вернуться в Google Tag Manager, нажать «Submit», «Publish».
Экспорт/импорт готового контейнера Google Tag Manager
Теперь начнётся самое интересное. Пока что контейнер полностью пустой. Что сделаем? Вернёмся в плагин Томаса Гигера, идем в «Интеграции», снова «WooCommerce» и переходим на Official Guide, листаем вниз, переходим на эту надпись — готовый контейнер.
Нажимаем правой кнопочкой, нажимаем «Сохранить как», подтверждаем сохранение. Оно прямо сохраняется в нужном формате.
Дальше обязательно возвращаемся в Google Tag Manager, идём в раздел админа, идём в «Import Container», выбираем эту штуку, что только выкачали.
Есть два варианта дальше что Google Tag Manager предлагает: загрузить контейнер с начинкой, потому что он сэкономит достаточно большой кусок времени, в новую рабочую область или существующую. У меня абсолютно пустой контейнер — выбираю «Существующую». Дальше он предложит перезаписать это всё или объединить. Он полностью пустой. Выберу «Перезаписать». Если раньше существовал Google Tag Manager, в нем было что-то настроено — выбираете «Merge».
Выберите наилучший вариант — это перезаписать конфликтующие теги или переименовать. Выбираю «Overwrite». Подтверждаю и видите он уже создал определённый тег и кучу различных переменных. Это сэкономит определённый кусочек сейчас времени пока будем донастраивать.
Установка Global Tag четвёртой аналитики
Ещё нужно сейчас будет поставить Global Tag четвёртой аналитики. Помните, же создавали перед этим аналитику.
Нажимаем «Создать тег», выбираем Google аналитику выбираем Google Tag, возвращаемся в нашу аналитику, идём в Data Flow ID, копируем её.
Переходим сюда, вставляем этот идентификатор.
Выбираем в триггеры. Если засомневаетесь правильно или неправильно их берёте — всегда обращаетесь к данной инструкции. Они рекомендуют выбирать триггер «Инициализация». Подобные нюансы объясняю, если что-то поменяется, отличительное от моего видео всегда сможете вернуться к первоисточнику.
Дальше будет что? GA4-id назову. «Save».
Дальше заходим в данный тег. Обязательно эту штуку убираем и вставляем код с четвёртой аналитики. Предпочитаю это делать до появления надписи «Google Tag найден в контейнере». Сохраняем.
Результат текущей установки и настройки четвертой аналитики
Что сейчас проделали для понимания логики? Сейчас есть черновик настроек для дальнейшей настройки четвёртой аналитики, которую станете использовать или для той же фиксации конверсий целевых действий на сайте. Захотите увидеть, как много товаров просматривалось и какие добавили в корзины, что купили. Классный отчёт. Пример его покажу на примере демо-аккаунта Гугла для понимания на сколько мощно. Это поможет больше понимать какие товары эффективные, а какие неэффективные.
Второе. Четвёртая аналитика позволит лучше понимать как люди взаимодействуют с сайтом, если нужно что-то доулучшить, в таком контексте. Данная штука не помешает.
Третий способ — если не захотите дальше проводить никакие настройки, можно использовать конверсию покупки непосредственно четвёртой аналитики в рекламный аккаунт. Для этого сделаем немножко иную конверсию.
Для понимания что сейчас делаем. Пока что это черновик, который дорабатываем. Напоминаю, если захотите готовый контейнер, чтобы поменять лишь свои ID-шнички — напишите, дам выкачать его непосредственно.
Оформление тестового заказа
Что сейчас будем делать? Сейчас будем делать тестовый заказ. Открою какую-то карточку товара. Перехожу в Google так менеджер. Нажимаю кнопочку «preview».
Дальше вставляю ссылку на сайт и сейчас будем смотреть следующую картинку.
После Таг Менеджера открывается как минимум два окошка. Видите, это своеобразный отладчик где видим наши кода. Видите, четвёртая аналитика говорится что она уже поставлена через Google Tag Manager.
Такое окошечко, где есть блок «Debug information for this page is viewable in the Tag Assistant window».
Будем сейчас в окошечко делать полностью тестовый заказ. Для чего? Чтобы увидеть что же в итоге есть по кодам и нужно ли что-то править. Просто проходите этапы оформления заказа. Их сейчас пройду как получится. Всё. На финише.
Смотрите, может страничка checkout отображаться как с целым набором данных. Возможно просто «Спасибо за заказ». Зависит от шаблона. Может отличаться. Делаете так как удобно. Возвращаемся на эту вкладку, что была раньше. Что ищем? Листаем в самый низ, что ищем? Сперва смотрим на нашу карточку товара, если помните. Что тут ищем? Ищем события как view_item — раз, view_item_list, add_to_cart.
Что за вещи? View_item — событие что будет говорить в аналитике что человек просмотрел карточку товара. View_item_list — то что смотрел какой-то листинг. Какой листинг смотрел на карточке товара? Обычно подтягиваются какие-то схожие или выбор каких-то пользователей, разные списки. Всё к листингам относится. К листингам относится переход на категорию какую-то. Куча товаров и это может считаться листингом. Возвращаемся сюда. Дальше add_to_cart — событие добавления в корзины. Дальше та же самая история — есть просмотр корзины, начало чекаута, payment info, shipping info, purchase. Это сейчас автоматически пропушилось в нашу аналитику.
Просмотр результатов тестового заказа в аналитике
Как это узнать? Сейчас нажмём «Further», «Home page». Возможно всё принять, мешать очно не будет. Закрываю эту вкладочку. Идём в «Администратор», после крутим в самый низ. Находим штуку, под названием DebugView.
В ней может изначально сразу быстренько появиться информация как тут. Может задержаться на несколько минут, но обычно есть. Прокручиваем в самый низ и видим view_item. Открываем его. Что тут? Обязательно должно передаваться currency (валюта), важна. Value (цена товара), она должна совпадать с тем что было на сайте. Все остальные параметры по желанию может быть больше-меньше.
Элементы. Видите, есть ID товара, количество, название, категория и цена. Цена будет отображается в довольно странном виде, не обращайте внимание на это. Главное чтобы в параметре value было красиво.
То же самое в view_item_list-е, лишь тут элементов больше. Видите два элемента. Дальше, add_to_cart та же самая история. В add_to_cart желательно проверить value и элементы что есть. Кстати, вопрос. В корзине было два товара, а тут один. Событие add_to_cart желательно чтобы фиксировалось при нажатии на кнопочку «Add to cart», а не на просмотры корзины. Просмотр корзины тут отдельные событие. Когда сюда перейдём будет уже сумма совершенно другая. Сходиться с тем, что два товара купили. Видно 4010 товар добавили. Тут 4004.
Такая же история с begin_checkout. Проверяете чтобы сходилось с тем что задано, иначе как итог не совпадут данные. В begin_checkout две позиции. Тоже самое в «payment_info», currency, value, элементы.
«Shipping_info» та же самая история, проверяем. И «purchase», наша покупка. Помечается как зенеленькая, так как это основная цель, задача конверсии. В «purchase» обязательно должна быть валюта. Второе — шиппинг есть или нет? Должен передаваться. ID транзакции 5304. Она может совпадать с номером заказа. В идеале совпадает. Возможно иной, главное чтобы ориентировались откуда данная цифра берётся. Бывает люди меняют разные параметры, задаются. Всё должно сходиться. И элементы, обязательно открываю. Одна позиция куплена и вторая тоже. Value совпадает с 2564. Всё отлично сошлось.
Пример отчета четвертой аналитики Гугл
Смотрите, что сделано? Настроили четвёртую аналитику. Какие теперь отчёты видно, что проанализировать или посмотреть можно? Сейчас покажу пример одного отчёта как это выглядит на демо аккаунте. Для чего штука нужна. Минутку, сейчас открою аналитику. Покажу на примере демо-аккаунта самого Гугла. Демо-аккаунт — аналитика, в которую позволяет заходить. На тестовых данных сагрегированна. Кто-то тестирует отображение различных отчётов. Можем тут посмотреть. Блок монетизации, «Ecommerce purchases» что тут можем увидеть? Можем увидеть перечень товаров, названия их.
Что можем увидеть? Самые крутые отчёты — видим сколько товаров просмотрено по view_item. Смотрели. Потом этих view_item-ов сколько раз добавлялось в корзину всего. Смотрите, тестовые данные. Могут быть логичными и не логичными. Не критично. И купленные товары.
Ну, соответственно, «revenue». Как видите, Гугла имеет проблемы с revenue, с передачей на его тестовых аккаунтах. Чтобы revenue считался нужно чтобы «currency» было, тут акцентирую внимание. Подобный отчет — один из самых классных, крутых, сможете анализировать что же происходит с товарами. Куча разных отчётов, можно отдельно потратить время, рассматривать их, прочее.
О возможном дублировании событий
Возвращаемся к Google Tag Manager-у. Четвёртую аналитику сделали. Смотрите, есть нюанс. После продублирования события, станет много view_item или view_item_list — зависит от шаблона сайта, что используете, от типажей плагинов что для аналитики используете. Их много. Рекомендую пересмотреть другое видео как избегать дубляжей событий. Постараюсь его задать или в описании к видео или станет подсказкой.
Если отличается картинка от предложенной мной — пересмотрели, просто поправили, логично корректно. Всё отлично. Не дублируются кроме view_item_list, но пока так оставляю. Четвёртая аналитика настроена, супер, отлично.
Осталось что сделать? Не забудьте опубликовать контейнер можете его назвать версию, назову, допустим, GA4. С аналитикой закрыли вопрос. Теперь начнет фиксировать все данные.
Выбор метода идентификации
Что нужно поправить в профиле Google аналитики? На данный момент, после снятого видео, если что — можете подглянуть эту информацию в демо-аккаунте аналитики. Рекомендую в способах идентификации здесь нажать «show all» и выбрать «На основе устройства», последний блок. «Подтверждаю». Это немножко по-другому будет фиксировать данные.
Итоги. Анонс следующего видео
Плюс нужно четвертую аналитику связать с Google Ads-ом. Как это сделать? Опишу в следующем этапе, когда начнем создавать рекламный аккаунт Google Ads.
С аналитикой пока что завершили. Идём дальше по этапах, касающихся настройки других вещей.
