1. aspro.ru
  2. Аспро: Крутой шоп
  3. Электронная торговля Google и Яндекс. Электронная коммерция
  4. Электронная торговля Google
  5. Как создать тег addToCart

Как создать тег addToCart


Тег addToCart собирает статистические данные о товарах, которые добавляют в корзину. Каждый раз, когда любой пользователь нажимает кнопку «Добавить в корзину», прибавляется счетчик в этом теге.

Шаг 1. Создание переменной

В левом меню переключитесь на пункт «Переменные» и нажмите кнопку «Создать».

60d9296b-7b61-11f1-8fe4-fa163e2ff576

Нажмите в блоке редактирования, чтобы выбрать тип и продолжить настройки. В появившемся списке выберите «Пользовательское событие».

7d2b08c8-7b5b-11f1-8fe4-fa163e2ff576

Для этого типа переменной дополнительных настроек не требуется, поэтому сохраняйте изменения.

Шаг 2. Создание тега

В Google Tag Manager авторизуйтесь под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом. В левой панели выберите раздел «Теги» и нажмите «Создать», чтобы начать добавление нового тега.

8428042a-7b63-11f1-8fe4-fa163e2ff576

Идентификатор отслеживания берется из привязанного к диспетчеру тегов аккаунту в Google Analytics.


Перейдите в Analytics, нажмите кнопку с шестеренкой слева внизу, чтобы перейти к администраторскому интерфейсу, затем в колонке «Ресурс» выберите пункт «Код отслеживания». В открывшемся интерфейсе вы найдете идентификатор отслеживания, который нужно скопировать и вставить в соответствующее поле в настройках тега.

Остальные настройки производятся в интерфейсе Диспетчера тегов:

  • Тип тега — Universal Analytics
  • Тип отслеживания — событие
  • Название категории прописывайте самостоятельно
  • Действие — нажмите кнопку рядом с полем и выберите созданную в шаге 1 переменную.

24deb273-7b5d-11f1-8fe4-fa163e2ff576

В дополнительных настройках раскройте пункт «Электронная торговля», напишите «True» в строке «Включить расширенные функции электронной торговли» и поставьте галочку в поле «Использовать уровень данных».

Шаг 3. Создание триггера

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

64b6c70e-7b5c-11f1-8fe4-fa163e2ff576

Дайте триггеру понятное имя.

1d32d6fc-7b62-11f1-8fe4-fa163e2ff576

Установите следующие настройки:

  • Тип триггера — Пользовательское событие (созданная в шаге 1 переменная, выбирается из списка)

  • c2ac157b-7b61-11f1-8fe4-fa163e2ff576
  • Имя события — пропишите вручную имя для события, которое привязывается к триггеру
  • Триггер активируется на следующих страницах — «Некоторые специальные события»
  • Активировать триггер при наступлении события и выполнении всех этих условий — установите по порядку значения: Пользовательское событие, равно, имя.

Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

Создав новый триггер, выберите его, чтобы добавить к тегу. Сохраните тег.

В итоге ваш новый тег должен выглядеть таким образом:

6114c9af-7b64-11f1-8fe4-fa163e2ff576

Опубликуйте его после всех необходимых настроек.

Чтобы проверить работу тега, откройте в разных вкладках браузера ваш магазин и аккаунт на Google Analytics. Добавьте товар в корзину. Посмотрите изменение статистики по добавлениям в корзину в GA. Если все настройки верные, вы увидите изменение статистики.

24e4e097-7b61-11f1-8fe4-fa163e2ff576


Предыдущая статья Привязка Google Tag Manager к Google Analytics
Следующая статья Как создать тег removeFromCart