Google Analytics — действительно полезный инструмент для отслеживания посетителей на вашем сайте, но немногие разработчики выходят за рамки добавления стандартного кода отслеживания , который состоит из фрагмента JavaScript.
Помимо пользовательских событий (см. Ссылку выше, если вам интересно, что такое события), мы также можем отслеживать транзакции электронной торговли в Google Analytics, используя дополнительный код.
Зачем отслеживать транзакции электронной торговли в Google Analytics?
Большинство систем электронной коммерции предлагают подробную статистику транзакций, но вы не можете обязательно связать их с сеансами, устройствами, демографией или другими важными показателями. Например, было ли увеличение продаж вызвано улучшением UX, успешной маркетинговой кампанией или сезонными колебаниями? Кто знает.
Запись транзакций в Google Analytics означает, что:
- отчеты о продуктах и пользователях богаче и глубже
- Вы можете связать транзакции напрямую с AdWords и другими системами кампаний.
- Вы можете оценить успех кампаний и сосредоточиться на тех, которые приводят к высокой отдаче от инвестиций
- Вы можете предоставить доступ к этим отчетам сотрудникам вашей компании, не добавляя их в систему электронной торговли.
Давайте погрузимся в.
Общая концепция
Как правило, ваши пользователи добавляют товары в корзину, оформляют заказ, возможно регистрируются, оплачивают сумму, а затем перенаправляются на экран подтверждения. Детали транзакции будут отображены в Google Analytics, как только пользователь будет официально зарегистрирован.
Данные транзакций электронной торговли обычно хранятся в вашей внутренней системе или внутренней системе платежного шлюза. Чтобы эта информация отображалась в Google Analytics, нам необходимо обновить наш код JavaScript, чтобы Google Analytics также могла отслеживать эти данные.
Как включить отслеживание электронной торговли
Перейдите в область администратора (значок cog) слева, выберите вашу НЕДВИЖИМОСТЬ (ваш веб-сайт), а затем выберите Настройки электронной торговли . Переключите «Статус» в положение « ВКЛ .
Примечание: функция сопутствующих товаров устарела в апреле 2017 года , поэтому избегайте этого полностью.
Расширенные настройки электронной торговли позволяют записывать показы продуктов, рекламные акции и действия, такие как использование купонов. Я рекомендую сначала внедрить стандартное отслеживание электронной торговли, а затем обратиться к документации по расширенной электронной торговле, если вы хотите перейти к более сложному отслеживанию электронной торговли в дальнейшем.
Наконец, откройте меню « Настройки просмотра» и при необходимости измените отображаемую валюту в качестве значения.
Включить транзакции электронной торговли
Затем используйте этот фрагмент для включения транзакций электронной торговли:
ga('require', 'ecommerce');
Примечание: это должно быть выполнено после фрагмента отслеживания страницы и перед использованием любых функций электронной торговли.
Начало новой транзакции
Далее транзакция инициируется с помощью этого кода JavaScript:
ga('ecommerce:addTransaction', { 'id': '[transactionId]', 'affiliation': '[storeName]', 'revenue': '[totalCost]', 'shipping': '[shippingCost]', 'tax': '[taxCost]', 'currency': '[currency]' });
Давайте посмотрим на каждую из строк в этом объекте в отдельности …
[actionId] (обязательно)
Уникальный идентификатор транзакции, например, 'ABC-123'
.
[storeName] (необязательно)
Филиал или название магазина, например, 'My Online Shop'
.
[totalCost] (необязательно)
Общая стоимость, включая доставку и налоги. Должен использоваться номер в кодировке строки без символов валюты, например, « '12.99'
.
[shippingCost] (необязательно)
(Числовая) стоимость доставки, например, '2.99'
.
[taxCost] (необязательно)
(Числовой) налог, например, '1.64'
.
[валюта] (необязательно)
Мы уже установили валюту по умолчанию ранее, но вы также можете указать трехзначный код страны ISO 4217, такой как EUR (евро) или GBP (британский фунт), если покупатель предпочитает платить в другой валюте.
Добавление элементов в транзакцию
Элементы добавляются в существующую транзакцию с помощью этого фрагмента:
ga('ecommerce:addItem', { 'id': '[transactionId]', 'name': '[productName]', 'sku': '[productCode]', 'category': '[categoryName]', 'price': '[price]', 'quantity': '[quantity]' });
Опять же, давайте посмотрим на каждую из строк в этом объекте в отдельности …
[actionId] (обязательно)
Уникальный идентификатор транзакции, например, 'ABC-123'
. Это должно совпадать с кодом, использованным в транзакции выше, чтобы уточнить, что этот элемент относится к корзине, уже имеющейся у пользователя.
[productName] (обязательно)
Название продукта, например, 'mens blue shirt'
.
[productCode] (необязательно)
Уникальный код продукта или единица складского хранения (SKU), например, 'MBS-00001'
.
[categoryName] (необязательно)
Категория или вариант, например, 'mens shirts'
.
[цена] (необязательно)
Числовая цена этого товара, например, '9.99'
.
[количество] (необязательно)
Купленное количество, например, '2'
.
Выравнивание позиций в транзакции
В случае, если пользователь очищает свою корзину, следующая команда JavaScript удаляет все элементы из транзакции:
ga('ecommerce:clear');
Отправьте транзакцию в Google Analytics
Окончательная транзакция со всеми элементами должна быть отправлена с помощью следующей команды JavaScript:
ga('ecommerce:send');
Естественно, это произойдет на экране подтверждения.
Финальный код
HTML-код на вашем последнем экране подтверждения может выглядеть примерно так:
<!DOCTYPE html> <html> <head> <title>Thank you for your order</title> </head> <body> <h1>Thank you for your order</h1> <p>A receipt has been sent to [email protected]</p> <!-- standard GA code --> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview'); </script> <script async src='https://www.google-analytics.com/analytics.js'></script> <script> // enable the ecommerce features ga('require', 'ecommerce'); // start the transaction ga('ecommerce:addTransaction', { 'id': '10001', 'affiliation': 'My Cool Store', 'revenue': '54.97', 'shipping': '5.00', 'tax': '0.00' }); // add item 1 ga('ecommerce:addItem', { 'id': '10001', 'name': 'Learn HTML', 'sku': 'BOOK00001', 'category': 'book', 'price': '14.99', 'quantity': '1' }); // add item 2 ga('ecommerce:addItem', { 'id': '10001', 'name': 'Learn CSS', 'sku': 'BOOK00002', 'category': 'book', 'price': '14.99', 'quantity': '1' }); // add item 3 ga('ecommerce:addItem', { 'id': '10001', 'name': 'Learn JavaScript', 'sku': 'BOOK00003', 'category': 'book', 'price': '19.99', 'quantity': '1' }); // send transaction ga('ecommerce:send'); </script> </body> </html>
В течение нескольких часов вы сможете просматривать статистику транзакций в разделе Конверсии → Электронная торговля Google Analytics (в том числе и в других отчетах).
Для получения дополнительной информации обратитесь к документации Google Analytics :