Решения для бизнеса

Лёгкая интеграция диспетчера тегов на сайт с поддержкой основных событий для маркетинга.

Товар из каталога

Модуль Google Tag Manager

Модуль Google Tag Manager

Служит соединению сайта вашего магазина с комплексом Tag Manager от компании Google, а также содержит готовые слои данных для аналитики событий в заказах, корзине и отложенных товарах.


Подробности

Принцип действия На любой странице сайта, которую посетил ваш клиент, данный модуль интегрирует в тело страницы скрипт диспетчера тегов. Согласно определённым типам событий, если одно из таковых произошло, модуль готовит прилагающийся объём данных, чтобы отправить в диспетчер тегов.

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

Сайт диспетчера: Google Tag Manager.

Типы событий

Имена отслеживаемых событий и структура данных, отправляемых диспетчеру тегов при таком событии:

  • trackTrans - достижение страницы оформленного заказа. Позволяет наблюдать, когда заказ был оформлен впервые и когда клиент открывал его повторно, например чтобы совершить оплату или просмотреть статус.

    transactionDate:        дата события (формат ДД-ММ-ГГГГ ЧЧ:ММ:СС)
    transactionId:          номер заказа
    transactionAffiliation: название магазина
    transactionTotal:       сумма заказа
    transactionTax:         налог (пока равен 0)
    transactionShipping:    цена доставки
    transactionCurrency:    ISO код текущей валюты
    transactionProducts: [{ список товаров заказа
        category:               категория товара
        sku:                    артикул
        name:                   название
        variant:                вид (для мульти вариантных товаров)
        properties:             отмеченные свойства (для товаров с селективными свойствами)
        quantity:               количество
        price:                  цена
        total:                  сумма (то есть цена*количество)
    }]
  • trackCart - изменение состава корзины. Позволяет наблюдать, как клиент взаимодействовал с корзиной: что и в какой последовательности изменял / добавлял / удалял из корзины.

    cartDate:        дата события (формат ДД-ММ-ГГГГ ЧЧ:ММ:СС)
    cartShop:        название магазина
    cartQuantity:    количество товаров в корзине
    cartTotal:       сумма товаров в корзине
    cartCurrency:    ISO код текущей валюты
    cartProducts: [{ список товаров корзины
        category:        категория товара
        sku:             артикул
        name:            название
        variant:         вид
        properties:      отмеченные свойства
        quantity:        количество
        price:            цена
        total:            сумма
    }]
  • trackDefer - изменение состава отложенных товаров. Позволяет наблюдать, как клиент взаимодействовал с отложенными товарами.

    deferDate:        дата события (формат ДД-ММ-ГГГГ ЧЧ:ММ:СС)
    deferShop:        название магазина
    deferQuantity:    количество отложенных товаров
    deferTotal:       сумма отложенных товаров
    deferCurrency:    ISO код текущей валюты
    deferProducts: [{ список отложенных товаров
        category:         категория товара
        sku:              артикул
        name:             название
        variant:          вид
        properties:       отмеченные свойства
        quantity:         количество
        price:            цена
        total:            сумма
    }]

Маркетологу, который позже станет анализировать эти сведения, например в Google Analytics, следует знать, что все цены и суммы передаются именно в той валюте, в которой клиент просматривал сайт в момент возникновения соответствующего события.

Порядок установки

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

Установка

1 Открыть в админпанели страницу дизайн > Дизайны сайта.

2 Нажать ссылку загрузить в блоке Дизайны клиентской стороны.

3 В открывшемся окне выбрать тот самый архивный файл, что вы получили после оплаты модуля.

4 Ниже установить флажок поверх существующего.

5 Ещё ниже в поле имени шаблона ввести имя вашего шаблона, в который хотите установить этот модуль, и нажать кнопку Начать.

Подключение на страницу

1 В том шаблоне, куда установили модуль, открыть на редактирование файл index.tpl (это общий макет страницы).

2 В этом файле, сразу после открывающего тега <body>, добавить вызов модуля с желаемым набором параметров, например:

{include 'mod-google-tag-manager.htm'
          startManager = TRUE
              gtmID = 'ВАШ-GOOGLE-TAG-MANAGER-ID'
          trackOrder = TRUE
          trackCart = TRUE
          trackDefer = TRUE}

Модуль разработан с таким расчётом, чтобы мог быть использован как в схеме однократного вызова из общего макета страницы, так и схемах сложной логики - серией промежуточных вызовов из разных частей или файлов шаблона с буферизированием результатов до момента финального вызова. Пример серии:

Скажем, подготовку данных по событиям в заказах захотели готовить отдельно.

{include 'mod-google-tag-manager.htm'
          trackOrder = TRUE
          final = FALSE}

Ещё где-то далее по шаблону захотели подготовить данные по корзине.

{include 'mod-google-tag-manager.htm'
          trackCart = TRUE
          final = FALSE}

И затем, допустим в конце шаблона, хотим сделать финальный вызов.

{include 'mod-google-tag-manager.htm'
          startManager = TRUE}

Здесь параметр gtmID опустили в качестве демонстрации примера, когда этот параметр задаётся через конфигурационные настройки сайта (подробности смотрите ниже в секции "Назначение параметров"). Дело в том, что верстальщики предпочитают зашивать управляющие параметры прямо в шаблон. А менеджеру магазина нравится, когда параметром можно управлять из админпанели.

Файлы модуля

Структура папок напоминает структуру шаблона, чтобы модуль мог быть установлен в любой шаблон.

  • html
    • mod-google-tag-manager.htm - тело модуля

Назначение параметров

  • startManager = TRUE если в этой точке вызова уже хотим подключить скрипт Google Tag Manager. Также обратите внимание:
    • Этот параметр по умолчанию равен FALSE.
  • gtmID = Идентификатор вашего аккаунта Google Tag Manager. Также обратите внимание:
    • Этот параметр по умолчанию берётся из конфигурационного параметра googleTM, который можете создать на странице админпанели настройки > Конфигурационный файл.
  • trackOrder = TRUE если хотим включить трекинг заказов. Также обратите внимание:
    • Этот параметр по умолчанию равен FALSE.
  • trackCart = TRUE если хотим включить трекинг корзины. Также обратите внимание:
    • Этот параметр по умолчанию равен FALSE.
  • trackDefer = TRUE если хотим включить трекинг отложенных товаров. Также обратите внимание:
    • Этот параметр по умолчанию равен FALSE.
  • final = TRUE если это финальный вызов и необходимо вывести накопленный в буфере результат на страницу. FALSE - в случае, когда это промежуточный вызов и мы хотим добавить его результат в буфер, чтобы вывести позже. Также обратите внимание:
    • Этот параметр по умолчанию равен TRUE.
Скриншоты
Лучшая помощь вашему маркетологу: интеграция скрипта GTM, трекинг заказов, трекинг корзины, трекинг отложенных товаров.

Модуль Google Tag Manager