Перейти к содержимому
ГлавнаяПрактика

Напишите код. Проверьте событие.

Шесть задач по внедрению аналитики: формы, переменные, триггеры и покупки. Редактируйте решение и проверяйте его здесь. Аккаунт GTM не нужен.

Начать с события формы

Код выполняется в браузере. Черновики сохраняются на этом устройстве.

Как устроена практика
  1. Прочитайте задачу и исправьте стартовое решение.
  2. Запустите код, затем используйте форму, ссылки или корзину.
  3. Проверьте решение на нескольких наборах данных. Если застряли - откройте подсказку.

Здесь работают dataLayer.push, переменные Data Layer / Constant / Event / Custom JavaScript, условия Custom Event и локальный результат GA4 Event. Для Custom HTML доступны один inline-скрипт и небольшой DOM, описанный в задании. Контейнер, подключение Preview, consent engine, шаблоны, внешние скрипты и отправка в GA4 не реализованы.

Выберите задачу

Идите по порядку или откройте нужную задачу.

  1. 01

    Создайте событие формы

    Исправьте dataLayer.push и проверьте поля и типы данных.

    JavaScriptФункции и объекты
    Не начато
  2. 02

    Настройте тег заявки

    Свяжите переменные, триггер Custom Event и результат GA4 Event.

    Настройка тегаПараметры событий
    Не начато
  3. 03

    Посчитайте стоимость корзины

    Напишите Custom JavaScript переменную с {{DLV - items}}.

    Custom JavaScriptМассивы и преобразование чисел
    Не начато
  4. 04

    Отследите внешние ссылки

    Напишите обработчик в Custom HTML с учётом вложенных элементов.

    Custom HTMLDOM-события и URL
    Не начато
  5. 05

    Дождитесь успешного ответа

    Обработайте асинхронный ответ и защититесь от дублей заявки.

    JavaScriptasync / await и Set
    Не начато
  6. 06

    Соберите событие purchase

    Учтите скидку, доставку, налог и повторный ответ оплаты.

    JavaScriptОбъекты, массивы и защита от дублей
    Не начато

Нужно внедрить это на вашем сайте?