Статьи

Как отслеживать транзакции электронной торговли с помощью Google Analytics

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 :