Документация Try-on

Аналитика и отслеживание событий

Интеграция с системами аналитики и отслеживание действий пользователей в виджете виртуальной примерки

Аналитика и отслеживание событий

Виджет виртуальной примерки позволяет гибко собирать аналитику и отслеживать действия пользователей на двух уровнях:

  1. На стороне клиента (Фронтенд): с помощью функций обратного вызова onSuccess и onClose для отправки целей в Яндекс Метрику, Google Analytics или пиксели соцсетей.
  2. На стороне сервера (Бэкенд): с помощью параметра callbackData для передачи служебных данных в вашу собственную систему аналитики или CRM через Webhook.

1. Клиентская аналитика (Яндекс Метрика, Google Analytics)

Вы можете передать функции-обработчики в метод fitting('create', ...):

  • onSuccess(data) — вызывается в момент успешного завершения примерки (когда пользователю отображен результат).
  • onClose() — вызывается при закрытии модального окна пользователем (крестиком или кликом вне окна).

Пример интеграции:

window.fitting('create', {
  targetElementId: 'widget-container',
  // ... ваши параметры товара
  
  // 1. Успешная генерация примерки
  onSuccess: function(result) {
    console.log('Примерка успешно сгенерирована:', result);

    // Пример: Отправка цели в Яндекс Метрику
    if (typeof ym !== 'undefined') {
      ym(XXXXXX, 'reachGoal', 'tryon_success');
    }

    // Пример: Отправка события в Google Analytics (GA4)
    if (typeof gtag !== 'undefined') {
      gtag('event', 'tryon_completed', {
        event_category: 'Virtual Try-On',
        item_name: 'Классическая джинсовая куртка'
      });
    }
  },

  // 2. Закрытие модального окна
  onClose: function() {
    console.log('Пользователь закрыл виджет примерки');

    // Отправка события в Яндекс Метрику
    if (typeof ym !== 'undefined') {
      ym(XXXXXX, 'reachGoal', 'tryon_closed');
    }
  }
});