Установка кода отслеживания покупок для электронной торговли для GTM. Аннотация для программера | SEO кейсы: социалки, реклама, инструкция

В данной статье мы разберем непосредственно программную часть — установку кода, который обязан отрабатывать на стороне сайта. 

Функции самого Tag Manager и Google Analytics в данной статье не приводятся.

Электронная торговля

Электронная торговля дозволяет выполнить сбор и анализ данных о покупках и транзакциях. Потому для корректной статистики чрезвычайно главно верно настроить все характеристики и передачу их в систему аналитики. На основании этих данных можнож делать выводы о знаменитых товарах, категориях, совокупностях сделанных покупок и отыскивать пути для роста конверсии вашего магазина.

Характерной возможностью применения GTM является возможность вносить конфигурации в код, не прибегая к поддержки программера. Не считая того, можнож проверить код на наличие ошибок до отправки данных в Google Analytics. Объект dataLayer, в каком передаются данные для Tag Manager, можнож применять и в Яндекс.Метрике, что дозволяет настроить электронную торговлю сходу для нескольких площадок.

Установка Tag Manager

До этого чем переходить к установке, уточните два момента.

1. При получении ТЗ на установку электронной коммерции для транзакций на сайт уточните, какая версия торговли нужна: рядовая или расширенная.

От выбранной функции зависит перечень характеристик и вид кода, который будет употребляться на страничках. Для расширенной электронной коммерции необходимо передавать больше характеристик, т.к. с ее поддержкою проводится наиболее глубочайшая аналитика, для которой и собираются все эти доп данные.

2. Код обязан отрабатывать лишь один разов. Почаще всего код отслеживания транзакции ставится на страничку «Спасибо за покупку». Ежели клиент опять попадет на эту страничку, код не обязан отрабатывать второй раз. Для этого можнож пользоваться глобальными хранилищами сессий или куков, в которые беречь, к образцу, id заказа, и опосля сравнивать. Ежели номер данного заказа теснее сохранен в какой-нибудь переменной, то код отслеживания отправлять не надобно.

Передача данных в Tag Manager

Информация в Tag Manager передается в особом контейнере window.dataLayer. 1-ое объявление этого контейнера обязано происходить до кода самого Tag Manager.


Все данные нужно передавать до инициализации Tag Manager. Ежели это невероятно, существует два варианта, которые настраиваются в самом Tag Manager:

  1. Применять тип триггера «Модель DOM готова».
  2. Настроить тег так, чтоб он активизировался с поддержкою специального событий ниже на страничке.

Главно знать!

  • все строковые переменные передаются в кавычках;
  • ограничение у числовых значений по количеству символов опосля запятой — 6;
  • разделитель целой и десятичной доли — точка;
  • все переменные являются регистрочувствительными. Т.е. 'transactionID' ничего не передаст, идет применять непосредственно наименования переменных, приведенные в официальных справках и в образцах кода ниже('transactionId').

Обычный код электронной торговли для отслеживания покупок

Для обычного кода электронной торговли отслеживание покупок смотрится приблизительно так:


  1. Поле 'transactionId' — неповторимый ID, номер заказа. Обязательное строковое поле.
  2. Поле ‘transactionAffiliation’ — заглавие магазина или напарника, где изготовлен заказ. Переменная строковая, необязательная. Традиционно заглавие сайта или интернет-магазина.
  3. Поле 'transactionTotal' — общественная стоимость заказа. Число, обязательное поле, разделитель — точка. Включает в себя стоимость продуктов, налоги и доставку.
  4. Поле 'transactionTax' — сумма налогов. Число, необязательное поле. Разделитель целой и десятичной доли — точка.
  5. Поле 'transactionShipping' — стоимость доставки. Число, необязательное. Разделитель целой и десятичной доли — точка.
  6. Массив продуктов 'transactionProducts' — в нем содержится описание продуктов в заказе через запятую, опосля заключительного продукта запятая не ставится.

Для продуктов используем последующие поля:

  1. Поле 'sku' — обязательное поле, строчка. Неповторимый ID продукта или его товарный код.
  2. Поле 'name' — обязательное строковое поле, содержит заглавие продукта.
  3. Поле 'category' — необязательное, строковое.
  4. Поле 'price' — обязательное числовое поле. Стоимость продукта. Разделитель — точка.
  5. Поле 'quantity' — обязательное поле, целое число.

Резюме: Для заказа в обычном коде электронной торговли обязательными полями являются 'transactionId' и 'transactionTotal'. Для продуктов обязательные поля — ‘name’, ‘sku’, ‘price’ и ‘quantity.’

Расширенный код электронной торговли для отслеживания покупок

Для расширенной торговли код отслеживания покупок будет смотреться приблизительно последующим образом:


У данного объекта точная структура и наименования переменных обязаны оставаться постоянными. Необязательные поля могут быть опущены, или для их указываются порожние значения.

  1. О том, что это покупка, говорит заглавие объекта “purchase”, общие данные о заказе перечисляются в массиве 'actionField'.
  2. Поле 'currencyCode' отвечает за указание валюты. Традиционно, на русских сайтах это рубль, ‘RUB’. Ежели не указывать очевидно, Google может посчитать все автоматом в баксах.
  3. Поле 'id' — обязательное поле, строковая переменная. Содержит в себе идентификатор заказа.
  4. Поле 'affiliation' содержит в себе заглавие магазина. Необязательная переменная, строковая, традиционно содержит или заглавие магазина, или имя сайта.
  5. Поле 'revenue' — полная стоимость заказа, включает в себя стоимость налогов и доставки. Поле необязательное, строковое. Ежели данная переменная опущена, то стоимость будет вычислена на основании стоимости и количества продуктов в заказе.
  6. Поле 'tax' — стоимость налогов, необязательное строковое поле.
  7. Поле ‘shipping’ — стоимость доставки, также необязательное строковое поле. Может принимать значение ’0.00‘.
  8. Поле ‘coupon’ — ежели при оформлении заказа употреблялся некий промокод или купон, его заглавие можнож указать в этом поле. Необязательное, строковое.

На этом поля, относящиеся к самому заказу, кончаются. Дальше идет перечень продуктов, купленных в рамках обрисовываемого заказа. Он обязателен для данного вида электронной торговли. Это также массив, после заключительного продукта в перечне не ставится запятая.

Для описания продуктов употребляются последующие характеристики:

  1. Поле 'name' — заглавие продукта. Строковая переменная.
  2. Поле ‘id’ — ID продукта. Является строковым. Для каждого продукта обязательным является наличие 1-го из этих полей. Т.е. ежели у ваших продуктов нет ID, вы сможете применять лишь поле ‘name’ и указывать их наименования. И напротив — указывая ID продукта, вы сможете опустить его заглавие.
  3. Поле 'price' — стоимость данного продукта. Переменная строковая, традиционно, стоимость округляется до 2 символов опосля запятой, но не наиболее 6 символов опосля запятой. Разделитель для целой и дробной доли — точка(не 1250,50, а 1250.50). Необязательное поле.
  4. Поле 'brand' — бренд производитель продукта. Строковое, необязательное.
  5. Поле 'category' — категория продукта. Может содержать до 5 подкатегорий, разделенных слешем /(Продукция/Мужское/Туфли/Классические). Строчка, необязательное поле.
  6. Поле 'variant' — в данном поле указываются характерные характеристики продукта. К образцу, у вас есть футболки, но у их можнож выбрать размер или цвет, желая заглавие и id продукта при всем этом остаются одними и теми же. В этом поле вы сможете указать выбранные размер и цвет. Строчка, поле необязательно к наполнению.
  7. Поле 'quantity' — единственное числовое поле. Количество продукта, число, целое. Необязательное.
  8. Поле ‘coupon’ — купонпромокод, примененный непосредственно к этому товару. Необязательное строковое поле.

Резюме: в расширенной торговле обязательным полем для заказа является его ID, для продуктов — ID или заглавие, на выбор. Все поля, не считая количества заказанных продуктов, являются строковыми.

Анализ данных в Tag Manager

Проверить, какие непосредственно данные уходят в Tag Manager, можнож:

  1. Заходим в интерфейс Tag Manager и избираем пункт «Подготовительный просмотр».
  2. Переходим на собственный сайт, оформляем заказ и обретаем в отправленных данных массив с информацией о транзакции.

Не считая этого, есть особые плагины(а непосредственно, для Google Chrome), которые подсобляют отследить совершаемые события и узреть, какая непосредственно информация поступает в счетчик.

  1. А непосредственно, для отслеживания электронной торговли есть чрезвычайно нужный и обычный плагин Google Analytics Debugger, работающий в консоли(Ctrl+Shift+I).
  2. Для отслеживания данных в Tag Manager будет полезен плагин dataLayer Inspector+, который выводит результаты взаимодействий с контейнером dataLayer.
  3. Очередной нужный плагин — Tag injector, который поможет взаимодействовать с сайтом, даже ежели на нем не установлен счетчик GTM или у вас нет доступов для проверки.

О том, как отслеживать электронную торговлю с поддержкою Google Analytics, можнож прочесть в справке Google.

Вывод

И пусть настройка электронной торговли не самый обычный процесс со своими подводными камнями. Но способности, которые предоставляет верно настроенная электронная торговля, стоят всех усилий и издержек. Общая работа программера и веб-аналитика дозволит недопустить излишних ошибок. Основное — действовать щепетильно, смотреть за синтаксисом и проверить, что все данные прибывают в пункт назначения в правильной форме. 

Добавить комментарий

Нам важно знать ваше мнение. Оставьте свой отзыв или ответ

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Комментариев 0

Новые обсуждения на Форуме