Песочница для digital-аналитиков: формы, e-commerce воронка, API-трекинг, видео, промо-баннеры. Все события пушатся в dataLayer — ваша задача захватить их через GTM и отправить в GA4.
Создайте контейнер в GTM и вставьте сниппет на обе страницы. Ищите комментарий TRAINING TASK #1 в HTML.
Создайте тестовый ресурс GA4 или используйте DebugView. Добавьте тег конфигурации с вашим G-XXXXXXX.
F12 → Console. Все события логируются с префиксом [DL], fetch-запросы — [FETCH].
Активируйте Preview в GTM для отладки. Сопоставляйте каждое событие в консоли с триггером и тегом.
От ⭐ до ⭐⭐⭐⭐: базовый GTM → формы → видео → e-commerce воронка → custom dimensions.
// Откройте любую страницу и проверьте консоль [DL] page_view pushed [DL] view_promotion pushed [DL] section_view: features [DL] form_start: contact_simple [DL] form_field_interaction: email [FETCH] ✅ POST /api/lead/submit → 200 (342ms) [DL] generate_lead: LEAD-1708234567890 // E-commerce события в магазине [DL] view_item_list: 6 items [DL] select_item: Wireless Headphones Pro [FETCH] ✅ POST /api/cart/add → 200 (287ms) [DL] begin_checkout, total: 89.99 [DL] purchase: TXN-1708234567890 value: 100.79
page_view Загрузка страницыview_promotion Просмотр баннераselect_promotion Клик по баннеруoutbound_click Внешняя ссылкаsection_view Секция виднаform_start Первое взаимодействиеgenerate_lead Форма → 200 OKform_step_view Шаг мульти-формыform_complete Все шаги пройденыnewsletter_signup Подпискаview_item_list Загрузка каталогаselect_item Клик по товаруview_item Карточка товараadd_to_cart В корзинуremove_from_cart Удалитьbegin_checkout Начало чекаутаadd_shipping_info Доставкаadd_payment_info Оплатаpurchase Покупкаrefund Возвратapi_success Ответ 200 OKapi_error Ошибка APIapi_endpoint Путь запросаapi_status HTTP-статусapi_duration_ms Время ответаapi_event_name Имя действияuser_type visitor → lead → customeruser_login_status Авторизацияsite_section landing / shoppage_template Шаблон страницыcontent_group Группа контента