Ранее не работал с этой системой, как можно настроить электронную торговлю в Google Analytics для интернет-магазина на этой платформе, быстро и просто? Нужно ковыряться в коде, или, может быть, есть возможность сделать это штатными средствами через какой-нибудь модуль?
Google Analytics предоставляет широкие возможности для сбора статистических данных о поведении посетителей на сайте. В этой статье мы поговорим о наиболее полезной функции системы для интернет-магазинов. Подключив модуль электронной торговли, можно отследить эффективность продукта, продаж, транзакции, время до покупки и многое другое. А теперь обо все подробнее.
В данном курсе будут публиковаться часто задаваемые вопросы по модулю «Электронная коммерция для Google и Яндекс»
Видео-инструкции
Базовая установка и настройка решения:
Настройка Яндекс. Метрики:
Настройка Google Analytics:
Дополнение по Google Analytics: Universal Analytics + gtag
Дополнение по Google Analytics: GA4 + gtag
Дополнительное видео — настройка Google Analytics через Google Tag Manager (устаревшее):
Начать курс обучения
Настраиваю электронную коммерцию для яндекса. Все Работает, кроме последнего шага. Покупка. Я кладу скрипт в шаблон подтверждения покупки. Но он его не считывает. Вот код.
А по сути вот что
Основные настройки решения
Видео-инструкция по установке и базовым настройкам
1″Режим работы» — рекомендую использовать режим «Запросы по событиям» он наиболее точный и эффективный.
2″Номер заказа передавать из поля» — в данной настройке можно выбрать что передавать в качестве номера заказа в метрики
3″Свойство бренд в инфоблоке» — если в каталоге заполнен Бренд и вы хотите передавать его значение — выберите соотвествующее свойство в настройке. Если бренда нет — пропустите эту настройку.
4″Страница оформления заказа» — укажите url страницы с полным оформлением заказа (используется для отслеживания события начала оформления заказа). Пример правильного заполнения поля: /personal/order/make/
5″Конвертация валюты» — позволяет сконвертировать и передавать цены в одной валюте
1″Имя контейнера данных яндекс» — укажите имя контейнера, указанное в настройке Яндекс. Метрики (по умолчанию dataLayer)
2″ID счётчика метрики» — идентификатор счётчика метрики, указывать нужно если вы используете цели метрики
3Галочки целей — если проставлены данные галочки и корректно созданы цели (инструкция по созданию на вкладке яндекс. метрики), то помимо отправки данных электроннной коммерции будут отправляться цели
Установка компонента в карточку товара
Для отправки данных о просмотре конкретного товара необходимо установить компонент «arturgolubev:ecommerce. detail» в карточку товара
Код для вставки:
Компонент рекомендуется размещать в комплексный компонент каталога, в файл element. php, сразу после размещения компонента карточки товара (catalog. element). В параметр PRODUCT_ID нужно вписать Вашу переменную с ID элемента каталога
Включение опции «Включить обработку устаревших событий»
Для совсместимости с большинством версий Битрикс было решено использовать события ядра до технологии D7.
Для включения опции «Включить обработку устаревших событий» перейдите в админку сайта и нажмите «Настройки». Установите галочку и нажмите сохранить.
Внимание! Если вы используете старый битрикс версии 17. 5 или ниже, опции «Включить обработку устаревших событий» может не быть, т. эти события считаются «Устаревшими» с 18 версии.
В продолжении темы «Добавление кода Google Analytics для отслеживания заказов». Но тут мы будем учитывать заказы в метрике Яндекса. Замечу: этот вариант автоматом заработает, если вы уже настроили отправку данных в Google Analytics Enhanced Ecommerce и включили Ecommerce в Яндекс. Метрике. Как и всегда — решением будет php-обработчик. ПодписываемсяКод обработчикаПримечаниеЕсли вызов функции:идет в шаблоне выше, чем код яндекс метрики, то строку:следует заменить на:
1C-Битрикс. Кастомизация нового шаблона компонента sale. order. ajax
С выходом нового шаблона компонента sale. order. ajax на форумах битрикса разгораются возмущения и недомения. Мол, теперь код всего шаблона на JavaScript и как его кастомизировать непонятно. На самом деле да, код js-скрипта составляет почти семь тысяч строк. Сходу в таком количестве кода, даже хорошо написанного (к сожалению, битрикс этим не балует), соблюдая паттерны программирования, будет непросто.
В этой заметке я покажу способ, как можно кастомизировать основной скрипт логики шаблона оформления заказа (order_ajax. js), не прибегая к его правке. Что нам это даёт? Когда прилетят очередные обновления шаблона, мы просто заменим его и всё. Все наши кастомизации будут работать (в теории).
1С-Битрикс. Пишем человеческий шаблон многоуровнего меню каталога
Не буду писать про боль при интегации дефотного шаблона. Давайте просто напишем свой, с блекджеком и вот этим всем.
В заметке будет (интересного):
- построение древовидного массива без рекурсии (неограниченной вложенности)
- анонимная рекурсивная функция
- формирование урлов для секций супер-быстрым способом
- поработаем с сущностями инфоблока через ORM D7
Дальше много кода.
Зачастую, для настройки электронной коммерции в 1С-Битрикс, советуют вставить в шаблон компонента sale. order. ajax код. Пойдем другим путём и напишем универсальный обработчик. Плюс обработчика в том, что не надо лазить по шаблонам и искать куда вставить код. Подключил и он сам вызывается в нужный момент. Код обработчикаСохраняем код в файле /local/php_interface/classes/handlers/orderajaxcomponenthandler. php
ga(‘require’, ‘ecommerce’, ‘ecommerce. js’);,
,
;
Добавить в /local/php_interface/init. phpПодвешиваемся на нужное и событие и добавляем класс обработчика в автозагрузку:Событие OnSaleComponentOrderOneStepFinal вызывается перед выводом страницы об успешно созданном заказе. ПримечаниеЕсли вызов функции:идет в шаблоне выше, чем код гугл аналитики, то строку:следует заменить на:
В последнее время стало очень популярно устанавливать на свой сайт счетчик Google Analytic. Особенно интересные возможности GA дает для аналитики Интернет-Магазинов. (Возможно эти тему я затрону в одной из будущих статей в блоге. )В этой статье я хочу рассказать:
- как установить код счетчика на сайте (рассматривается, как пример, CMS 1С-Битрикс версия Бизнес),
- как настроить счетчик под Рунет,
- как настроить функционал электронной коммерции.
var ga = document. createElement(‘script’); ga. type = ‘text/javascript’; ga. async = true;
Вот и все. Через некоторое время Google поймет, что на вашем сайте есть счетчик. Сайт не помешает несколько раз перезагрузить.
// Поисковики Белоруссии
$arFilter = Array(
Если Вы все сделали правильно, то на следующие сутки в отчете в GA появятся данные по электронной коммерции.
Видео-инструкция по настройке Google Analytics
Google тот еще затейник и имеет несколько вариантов настроек одного и того же. Не пугайтесь инструкции, самое главное понять две вещи:
1. Какой тип Google Analytics вы используете Universal Analytics или GA4 (Universal Analytics — более старый, надежный, понятный. GA4 — новый, экспериментальный)
2. Какой тип счётчика вы используете GTAG или TagManager (GTAG — более простой в использовании, TagManager — более технологичный)
В обоих пунктах вы выбираете только одно направление и настраиваете согласно инструкции
Вы используете Google Analytics типа GA4
Видео-инструкция по настройке GA4 + gtag
1Откройте Google Tag Manager и выберите счётчик вашего сайта2
Добавляем базовый тег конфигурации
Нажимаем создать тег -> выбираем тип тега «Google Analytics: конфигурация GA4» -> обязательно заполняем «Идентификатор потока данных» триггер указываем «All Pages».
Идентификатор потока данных вы можете найти открыв Google Analytics и передейдя Администратор -> Ассистент настройки -> Установка тега -> Поток вашего сайта -> в правом верхнем углу будет идентификатор потока данных формата G-QNLM6LXXXX
3
Добавляем триггеры для активации событий:
В левом меню переходим в «Триггеры» и добавляем 5 триггеров. Тип у всех триггеров — Специальное событие. Имена событий событий: «add_to_cart», «begin_checkout», «purchase», «remove_from_cart», «view_item».
4
Добавляем переменные:
В левом меню переходим в «Переменные» и добавляем 8 переменных. Тип у всех переменных — Переменная уровня данных. Версия уровня данных: Версия 2
Имена переменной уровня данных: «eventModel. affiliation», «eventModel. coupon», «eventModel. currency», «eventModel. items», «eventModel. shipping», «eventModel. tax», «eventModel. transaction_id», «eventModel. value»
5
Добавляем тег событий 1:
Нажимаем создать тег -> выбираем тип тега «Google Analytics: событие GA4″В разделе триггеры указываем созданные нами триггеры «add_to_cart», «begin_checkout», «remove_from_cart», «view_item»
6
Добавляем тег событий 2:
Нажимаем создать тег -> выбираем тип тега «Google Analytics: событие GA4″В разделе триггеры указываем созданный нами триггер «purchase»
7
Готово. Сохраняем и публикуем (отправляем) изменения в Google Tag Manger’е.
Вы используете Google Analytics типа Universal Analytics
Видео-инструкция по настройке UA + gtag
Включите функции электронной коммерции:1Откройте Google Analytics и выберите аккаунт2Перейдите в Настройки -> Предствление -> Настройка электронной торговли.
3
Пункты «Включите отслеживание электронной торговли» и «Включение отчетов для расширенной электронной торговли» переведите в значение Включен.
1Откройте Google Tag Manager и выберите счётчик вашего сайта2
Добавляем триггеры для активации событий:
В левом меню переходим в «Триггеры» и добавляем 5 триггеров. Тип у всех триггеров — Специальное событие. Имена событий событий: «add_to_cart», «begin_checkout», «purchase», «remove_from_cart», «view_item».
3
Проверяем наличие и настройки переменной Google Analytics:
Переходим в пункт меню «Переменные» и проверяем наличие переменной с типом «Настройки Google Analytics». Если нет добавляем новую, если есть проверяем настройки. У переменной должен быть заполнен «Идентификатор отслеживания» (в нём нужно указать идентификатор вашей Google Analytics), и должны быть включены опции Электронной торговли «Включить расширенные функции электронной торговли» и «Использовать уровень данных»
4
Подключение тега Universal Analytics при открытии страниц:
Если у вас уже создан тег Universal Analytics на просмотр страниц повторно его создавать не нужно. Переходим в пункт меню «Теги» и добавляем новый тег. Тип тега выбираем: Universal Analytics. Тип отслеживания: «Просмотр страницы»В пункте «Настройки Google Analytics» выбираем переменную, настроенную в предыдущем пункте. В разделе триггеры указываем «All Pages».
5
Подключение тега Universal Analytics при срабатывании событий:
Переходим в пункт меню «Теги» и добавляем новый тег. В пункте «Настройки Google Analytics» выбираем переменную, настроенную в предыдущем пункте. В разделе триггеры указываем все 5 созданных нами триггеров. 6
Готово. Сохраняем и публикуем (отправляем) изменения в Google Tag Manger’е.
Для владельцев интернет-магазинов помимо стандартных параметров и показателей (сеансы, глубина просмотра, показатель отказов, средняя длительность сеанса и т. ) доступна возможность отслеживания данных о покупках и транзакциях пользователей. Эта функция в Google Analytics называется электронная торговля (e-commerce).
Она позволяет в отчетах собирать статистику по доходу, среднему чеку, популярности товаров, времени и количеству сеансов до покупки.
Например, пользователь на вашем сайте добавил товар в корзину и приступил к его оформлению. Если оно прошло успешно, его перенаправляет на так называемую страницу «Спасибо (thank-you)», на которой размещена информация о номере заказа (ID заказа) и дате оформления.
Данные по этому заказу придут в отчеты Google Analytics. И так по каждой транзакции, каждому шагу последовательности (например, Корзина -> Страница доставки -> Страница оплаты -> Страница Спасибо и т. Кроме этого в отчетах мы сможем увидеть:
- весь процесс покупки в виде отдельных этапов: все посещения, посещения с просмотром карточки товара, посещения с добавлением товара в корзину, посещения с началом процесса оформления заказа и посещения, которые закончились
- эффективность списков, каталогов и блоков товаров, используемых на сайте (например, общий каталог, блок рекомендованных товаров или блок с акциями, товаром дня);
- что пользователь добавлял или удалял из корзины;
- возвращался ли он с каждого шага на предыдущий и в связи с чем это было связано;
- какие товары на сайте являются «лидерами продаж» и сколько их было продано за определенный период времени (день, неделя, месяц и т.д.).
В Analytics существует два варианта электронной торговли: «обычная» и расширенная (Enhanced Ecommerce). Основное отличие заключается в количестве предоставляемой информации в отчетах, более гибкой настройке под свои нужды, а также тем, что стандартный модуль был реализован на библиотеке ga. js, а новые функции расширенной электронной торговли появились с выходом analytics.
Например, вот список некоторых отчетов, которые доступны в стандартной версии:
- Обзор: данные по основным показателям – доход, транзакции, средняя стоимость заказа, коэффициент транзакции и т.д.
- Эффективность товаров: данные по к каждому отдельному товару – доход, количество покупок, средняя цена, идентификатор продукта, категория продукта и т.д.
- Эффективность продаж: доход с разбивкой по ID заказа и дополнительным показателям – налоги, стоимость доставки, сумма возврата и т.д.
Enhanced Ecommerce является усовершенствованной версией своего предшественника и в ней открывается ряд других отчетов:
- Поведение покупателей: общий процесс покупки, который проходит каждый пользователь сайта;
- Поведение при оформлении покупки: можно проследить поведение пользователей в течение всего процесса оформления покупки по каждому из шагов последовательности;
- Раздел «Маркетинг»: внутренняя кампания, купон заказа, купон товара, код партнера (рассмотрим в отдельной главе).
На практике из-за большего количества представляемой информации в отчетах устанавливается именно расширенная электронная торговля Google.
В статистике по электронной торговле указываются данные о транзакциях и товарах. По транзакциям можно передавать:
Данные по транзакциям
Данные об отдельных товарах могут передавать:
Данные по отдельным товарам
Для внедрения на сайт Enhanced Ecommerce (расширенной электронной торговли) Google Analytics можно использовать два метода настройки:
- через код отслеживания;
- с помощью Google Tag Manager.
В данной статье рассматривается классический первый метод настройки для интернет-магазинов на различных CMS-платформах.
Примечание: было бы неправильным с моей стороны в статьях, посвященных инструменту Google Analytics, вести повествование о совершенно отдельном продукте Google. Несомненно, Tag Manager является отличным инструментом и заслуживает не меньшего внимания, чем его коллега. Однако настройку с помощью GTM я сознательно опускаю в данной статье.
Сразу хотелось бы сказать, что независимо от того, какой вариант настройки выберите, при отсутствии знаний в программировании и разработке вам так или иначе предстоит вести диалог с людьми, которые имеют об этом глубокое представление и смогут помочь вам во внедрении дополнительного кода на сайт. Если такого специалиста в штате у вас нет, не поскупитесь и заплатите деньги какому-нибудь фрилансеру один раз. В долгосрочной перспективе эти инвестиции вернуться с лихвой.
Важно! Плагин расширенной электронной торговли не следует использовать вместе с плагином обычной электронной торговли (ecommerce. js) на одном ресурсе. Это может плохо сказаться на сборе данных о покупках и транзакциях.
Переходим к настройке расширенной электронной торговли.
- в панели администратора выбираем нужно представление;
- в разделе «Настройки электронной торговли» изменяем статус на «Вкл.» и сразу включаем отчеты по сопутствующим товарам;
Включение расширенной электронной торговли и дополнительных отчетов
На втором шаге нам предложат включить часть отчетов для расширенной электронной торговли и задать ярлыки для страниц. Это последовательность этапов перехода от страницы к странице на вашем сайте. Например, с момента просмотра карточки товара до конечной страницы «Спасибо за заказ». Вполне возможно, что количество шагов будет отличаться от данного примера.
Маркировка этапов оформления заказов для отчетов
Вы сможете просматривать отчеты по расширенной электронной торговле в разделе «Конверсии». Эти ярлыки будут использоваться только на графике в Google Analytics для повышения его информативности в отчетах «Поведение покупателей» и «Поведение при оформлении покупки».
После завершения нажимаем кнопку «Отправить». Теперь необходимо на соответствующие страницы разместить коды Google Analytics.
Все e-commerce данные отправляются событиями. С выходом глобального тега сайта gtag. js написание команд претерпело некоторые изменения, но сам принцип работы остался прежним.
В данной статье мы не будем подробно рассматривать процесс добавления кода на конкретные страницы и вставлять куски кода из руководства разработчиков Google в материал. Ограничимся лишь списком событий:
Для отслеживания показов продукта отправляется событие view_item_list.
Для отправки кликов по продуктам используется событие select_content.
После клика по продукту пользователь попадает на его страницу с детальной информацией. Для отслеживания просмотра detail page доступно событие view_item с данными о продукте.
Для добавления в корзину отправляется событие add_to_cart, а для удаления из корзины remove_from_cart.
Применяется событие view_promotion.
Для отправки кликов по рекламе используется событие select_content.
Для первого шага в корзине отправляется событие begin_checkout.
Для последующих шагов в корзине доступно событие checkout_progress.
Для полной отмены транзакции используйте событие refund, а для частичной отмены отправьте refund с продуктами, которые были возвращены.
Обязательно подключите плагин ec. js, который позволяет отслеживать весь процесс покупки, описанный выше. Команда должна быть выполнена после подключения счетчика, но до отправки информации электронной торговли. Команда выглядит так:
Примечание: все приведенные коды в руководстве и значения, которые там подставлены в id, name, category, price и т. являются лишь примером. Скопировав без каких-либо изменений этот код и вставив себе на сайт, он не заработает. Поэтому, если вы не разбираетесь в нюансах настройки и боитесь испортить, еще раз хорошенько подумайте о привлечении знающего человека к этому процессу.
Настройка расширенной электронной торговли различна и для CMS-платформ. Например, для самых популярных движков интернет-магазинов, таких как: 1C-Битрикс, OpenCart, Magento, PrestaShop, плагин WooCommerce для WordPress в маркетплейсах есть готовые решения, благодаря которым процесс настройки сводится к нескольким простым действиям. Возможно не для всех, но по крайней мере для части из них точно. Если вы используете одну из таких CMS-систем, есть смысл присмотреться к таким модулям.
Популярные CMS-движки для интернет-магазинов
Для проверки установки Enhanced Ecommerce есть как минимум два решения:
- GA Debugger – расширение для браузеров, которое позволяет видеть информацию, передающуюся в Google Analytics при загрузке страницы и при различных действиях пользователя;
- Google Tag Assistant.
Не забудьте сделать тестовый заказ и посмотреть отчеты по совершенной транзакции. Данные должны поступить в Google Analytics в течение 15-20 минут.
Отчеты по расширенной электронной торговле находятся в отдельном разделе «Конверсии».
Отчеты электронной торговли
Какую же информацию можно извлечь, настроив «Электронную торговлю» в Google Analytics. Для этого рассмотрим возможные типы отчетов.
Эффективность продукта
(Конверсии – Электронная торговля – Эффективность продукта)
Модуль «Электронной торговли» позволяет оценивать эффективность продуктов интернет-магазина:
- Количество купленных товаров и полученный доход
- Популярность товаров
- Количество покупок за определенный период времени
Например, включив в отчет «Электронной торговли» такой дополнительный параметр, как «Источник трафика» или «Пути переходов», можно увидеть источник целевой аудитории для определенного товара или группы товаров.
Данные такого отчета помогут оценить текущие маркетинговые активности и спланировать будущие. Определить, какие товары продаются лучше, какие хуже и почему, какие товары достаточно эффективно поддерживаются рекламой, а каким требуются дополнительные каналы продвижения.
Транзакции
(Конверсии – Электронная торговля – Транзакции)
Данный отчет позволяет видеть список транзакций за определенный период времени.
При клике на транзакцию можно увидеть ее состав — подробный список приобретенных товаров, а так же доход, налоги и стоимость доставки.
Таким образом легко оценить доход с каждой транзакции, а так же количество приобретаемого товара в одном заказе. Если эти цифры ниже запланированных, можно ввести дополнительные мотиваторы для клиентов, например, скидки за покупку большего количества товаров или бесплатную доставку покупки на определенную сумму и т.
Время до покупки
(Конверсии – Электронная торговля – Время до покупки)
Этот показатель расскажет о том, как быстро посетители интернет-магазина принимают решение о покупке, и сколько раз они посещают сайт до того момента, как решают совершить заказ.
Данный отчет позволит оценить ожидаемый размер дохода, конечно, если цикл покупки стабилен.
Такая информация может быть полезной и с точки зрения юзабилити. Если клиенты до совершения покупки много раз посещают интернет-магазин, вероятно, имеет смысл упростить процедуру оформления заказа.
Связав заказ с рекламной компанией, можно вычислить конверсию канала продаж (Источники трафика – Источники – Кампании – ссылка Электронная торговля):
Настроив модуль электронной торговли, можно получать данные о том, из каких регионов чаще совершаются заказы (Аудиторий – Демография — Местоположение):
Проанализировав эту информацию, можно улучшить условия доставки в данные регионы.
Также можно оценить лояльность аудитории, то есть кто чаще всего совершает заказ — новые или вернувшиеся покупатели — (Аудитория – Поведение – Новые и вернувшиеся):
Если видно, что вернувшиеся пользователи совершают заказы чаще, то им можно предлагать какие-либо дисконтные программы, скидки как постоянным клиентам.
После настройки модуля отслеживания электронной торговли можно увидеть, с каких устройств пользователи совершают покупки (Аудитория – Мобильные устройства — Обзор):
Если заказов с мобильных устройств мало, причиной этого может быть некорректная работа формы заказа или сайт на мобильных устройствах. Возможно, пользователей необходимо дополнительно мотивировать на совершение заказа с мобильных устройств, проводя дополнительную маркетинговую кампанию.
Анализируя данные отчеты, становится понятно, какие существует проблемы с юзабилити сайта, просчеты в маркетинговой кампании и т. Устранив их, можно существенно увеличить оборот интернет-магазина.
Как настроить электронную торговлю
Необходимо перейти в панель «Администратор» в правом верхнем углу Google Analytics.
В столбце «Профиль» нажимаем на «Настройки профиля», где необходимо выбрать «Я продаю онлайн. Включить отслеживание продаж» и указать валюту:
Далее необходимо установить код электронной торговли на сайте, так Google Analytics сможет собирать данные о заказах с сайта интернет-магазина. Для этого на странице подтверждения заказа (чаще всего это сообщение «Ваш заказ принят. Спасибо за покупку!») нужно добавить код, который будет описывать, что именно было заказано:
Неточности в Google Analytics
Сформированный заказ на сайте и зафиксированный в Google Analytics по факту может быть изменен, если:
- Покупатель корректирует заказ при личном общении с менеджером магазина. Причины могут быть самые разные. Например, из-за плохого интерфейса покупатель не смог разобраться, как удалить товар из корзин. Или менеджер по телефону уговорил его приобрести сопутствующий товар. Так же не исключены фейковые или ложные заказы.
- Покупатель по каким-либо причинам вернул товар обратно в магазин.
Для того чтобы удалить эти данные из Google Analytics, можно произвести отрицательную транзакцию – т. менеджер магазина совершает аналогичный заказ, но с отрицательными суммами.
Этот метод эффективен для корректировки заказа и быстрой отмены фейковых заказов. Главное условие – отрицательная транзакция должна быть произведена в тот же день, иначе возникнет еще большая путаница. По этой же причине отрицательная транзакция не применима в случае возврата товара, т. проходит уже довольно много времени.
Не стоит забывать, что отрицательная транзакция отразится в общем количестве транзакций в отчете.
В заключение
Сочетая данные модуля «Электронной торговли» со стандартным отчетами и настройкой целей в Google Analytics можно получить массу полезной информации о сделанных в интернет-магазине заказах и доходе с них. А так лучше понять ваших покупателей, трудности, с которыми им приходится сталкиваться при совершении заказа, оценить эффективность маркетинговой политики в целом и конкретных рекламных кампаний. Комплексное использование инструментов Google Analytics позволит сократить бюджет на рекламу за счет исключения неэффективных площадок и улучшить юзабилити сайта.