РАСШИРЕННАЯ ИНТЕГРАЦИЯ САЙТА С POPMECHANIC
Вы можете прислать своему разработчику ссылку на эту инструкцию или же копировать и создать свою версию вот этого файла, где убрать ненужные пункты


1) Базовая интеграция

  1. На все страницы сайта нужно добавить код PopMechanic, он доступен в ЛК клиента (https://app.popmechanic.io/install/)
  2. После интеграции надо проверить, что домены клиента появились на этой странице


2) Интеграция данных авторизации пользователя

  1. На все страницы сайта надо добавить JS-код такого вида:
window.PopMechanicUserData = {
 isAuthorized: true, // авторизован ли посетитель на сайте в данный момент
 userId: 1231, // его id, если знаете и нужен
 email: '[email protected]', // его email, если знаете
 phone: '+79900000000',  // его телефон, если знаете
 flags: ['isLongTerm', 'isMan'] // если это необходимо
};
На этой странице есть примеры JS-сужений, использующих эти данные.
Если какие-то данные не нужны, игнорируйте их.
Если есть другие дополнительные данные, можете создавать дополнительные теги посетителей сайта в flags.
3) Передача данных о текущей странице

  1. Для идентификации текущей страницы необходимо передавать следующие данные в теле страницы:
window.PopMechanicPageData = {
  type: "product" // "category"/"checkout"/"info"/"personal",
  // если это страница продукта
  product: {
    id: идТовара,
    price: ценаТовара,
    priceWithDiscount: ценаТовараСоСкидкой,
    name: имяТовара,
    quantity: количествоТовара,
    pictureUrl: адресКартинки,
    brand: названиеБренда,
    brandId: идБренда,
    hasDiscount: true/false, //true - со скидкой, false - без
    category: названиеКатегории,
    categoryId: идКатегории,
  },
  // если это страница категории
  category: {
    id: идКатегории,
    name: имяКатегории,
  },
};
В дальнейшем можно будет использовать эти данные для таргетинга по текущим/посещенным страницам.
Например, исключать или включать показ форм на страницах определенных категорий товаров.
Или показывать формы на товарах с определенной стоимостью.
Передача данных корзины клиента

  1. Нужно добавить на все страницы сайта такой JS-код, когда есть товары в корзине с данными из корзины:
window.PopMechanicCartData = {
  total: суммарнаяСтоимость,
  totalWithDiscount: суммарнаяСтоимостьСоСкидками,
  products: [
    {
      id: идТовара,
      price: ценаТовара,
      priceWithDiscount: ценаТовараСоСкидкой,
      name: имяТовара,
      quantity: количествоТовара,
      pictureUrl: адресКартинки,
      url: адресТовара,
      brand: названиеБренда,
      brandId: идБренда,
      hasDiscount: true/false, //true - со скидкой, false - без
      category: названиеКатегории,
      categoryId: идКатегории,
    },
  ]
}
2. Для возможности реагирования на добавление в корзину нужно добавить следующий код в добавление товара в корзину:
window.PopMechanicAddToCart && window.PopMechanicAddToCart({
  id: идТовара,
  price: ценаТовара,
  priceWithDiscount: ценаТовараСоСкидкой,
  name: имяТовара,
  quantity: количествоТовара,
  pictureUrl: адресКартинки,
  url: адресТовара,
  brand: названиеБренда,
  brandId: идБренда,
  hasDiscount: true/false, //true - со скидкой, false - без
  category: названиеКатегории,
  categoryId: идКатегории,
});
3. Также в изменении корзины следует актуализировать содержимое переменной из пункта 1
Вам была полезна эта статья?