Установка рекомендаций Mindbox на сайт
с помощью Popmechanic:
пошаговая инструкция
Важно!
Инструкция ниже касается только встроенных форм рекомендаций. Практически всегда используются именно этот тип.
Если вам вдруг нужны всплывающие формы с рекомендациями любого формата - пропускайте шаги 5-6
1. Включить нужные фичи в нексусе
Для корректной работы алгоритма необходимо включить 2 фичи (перевести из состояния Отключена в состояние Включена): :

  • "Разрешить создание v3 операций рекомендаций с незафиксированным контрактом"
  • "Рекомендации на сайте (для тарифов 2.0 и выше)"

2. Подготовить алгоритмы рекомендаций и операции v3 возвращения рекомендаций

Посмотреть примеры создания операций можно тут:
https://stackoverflow.com/c/mindbox/questions/627/628#628
    3. Войти в аккаунт Popmechanic

    После включения фичи "Рекомендации на сайте (для тарифов 2.0 и выше)" будет автоматически создан аккаунт в Popmechanic - "название проекта"@mindbox.ru.
    Например, для проекта togas аккаунт называется [email protected]

    Чтобы войти в аккаунт, нужно:

    • Перейти по ссылке https://app.popmechanic.io/
    • В правом верхнем углу экрана нажать на название аккаунта и в выпадающем списке выбрать "Войти как" (обратитесь к ведущему менеджеру если недостаточно прав доступа)
    • В появившемся поиске найти нужный аккаунт и войти в него:
      4. Выбрать тип вида рекомендаций - визуальные или HTML
      В аккаунтах, которые подключаются, автоматически открывается доступ к шаблонам рекомендаций.

      Таких шаблона 2:
      - визуальный, чтобы настроить в редакторе внешний вид рекомендаций без знания HTML
      - HTML, чтобы сверстать блоки с карточками товара максимально похожие на те, которые уже используются или нужный дизайн.

      Чаще в проектах используются HTML-рекомендации, если другого не указано, рекомендуем создавать форму с ними.
        визуальные рекомендации
        чтобы настроить самостоятельно или максимально быстро


        ссылка на шаблон визуальных рекомендаций
        HTML рекомендации
        чтобы настроить рекомендации максимально точно к дизайну сайта или дизайну в PSD, который предоставил клиент

        ссылка на шаблон HTML рекомендаций
        5. Создать форму и заполнить нужные операции

        Переходим по нужной ссылке шаблона выше - попадаем в редактор шаблона:
          Параметры, которые нужно заполнить:
          1) Заголовок
          С каким заголовком необходимо показывать данный блок. Например, "Популярные товары"

          2) Операции, через запятую
          Systemname v3 операций возврата рекомендаций.
          Через запятую означает, что если первая операция не вернет данных, то будет вызвана вторая и т. д.
          Например, для персональных рекомендаций - если мы ничего не вернули, то можно указать популярные товары и тогда мы их гарантированно вернем.

          3) Идентификатор магазина
          Systemname внешней системы, из которой берутся id продуктов на сайте.

          4) Код для извлечения id продуктов
          Оставить 0.

          5) Число рекомендаций
          Количество рекомендаций которое хотим выводить в этом блоке

          6) Тип рекомендаций
          Тип рекомендаций - необходимо выбрать чтобы виджет понимал какие рекомендации будем выводить - продукт-продукт, популярные, популярные в категории или персональные.
          Общие - для рекомендаций "Популярные товары"
          Продуктовые - для рекомендаций продукт-продукт ("Похожие товары", "С этим товаром покупают" итд)
          Категория - для рекомендаций "Популярные товары в категории"
          Персональные - для механики "Персональные рекомендации"

          7) Параметр адаптивности
          Задает размеры виджета и количество выводимых карточке товара для разного разрешения экрана.
          Например, параметр 1;616,2,24;924,3,24;1232,4,24;1540,5,24 расшифровывается так
          {минимальное количество товаров в виджете};{для ширины экрана 616},{отображаются 2 карточки товара},{размер одного поля-отступа от картинки 12px (суммарно 24px)} итд.
          Можете пропустить это поле - настроит верстальщик

          8) Шаблон карточки и Дополнительный CSS
          Пропускайте, это настраивает верстальщик.

          9) Зациклить скролл?
          Нужно ли крутить по кругу карточки товаров

          После заполнения всех элементов сохраните и включите форму:
            1. Сохранение формы
            2. Код div-блока для установки формы в нужном месте
            3. Включение формы
            6. Отправить ID формы рекомендаций для установки клиентом или установить самостоятельно
            через GTM

              Где найти код для вставки формы?
              После сохранения у вас внизу под окном превью появится div-блок для вставки рекомендаций на сайт, такого типа
              <div data-popmecanic-embed="11220"></div>

              Если вы выбрали Тип рекомендаций "Продуктовые", то код дополнительно будет содержать ID продукта в Mindbox, то есть на разных карточках товаров этот id должен автоматически изменяться на нужный для того, чтобы понимать, для какого товара искать рекомендации.
              <div data-popmecanic-embed="11220" data-popmechanic-argument="ID продукта в mindbox"></div>
              При выборе типа рекомендаций "Категория" в коде должно быть ID категории.

                После сохранения внизу будет код для вставки блока в контент страницы
                Создайте столько форм, сколько типов рекомендаций необходимо для сайта!

                Например, если это будут:
                - рекомендации продуктовые в карточках
                - рекомендации персональные на главной
                - рекомендации общие на странице 404
                То вам нужно создать 3 формы с разными ID.

                Разработчики сайта должны установить 3 div-блока на нужные страницы в нужном месте.

                Как сделать тестовую ссылку с формами?
                Используйте второй вариант настройки с этой статьи - поставьте показ формы только на определенные страницы.
                Например, содержащие в URL "pm-test".
                Это для того, чтобы убедится в корректности рекомендаций и их вида перед запуском

                Как поставить div-блоки самостоятельно без разработки?
                Если коды поставить сложно/разработка занята - вы можете самостоятельно поставить коды рекомендаций и сам код сервиса через GTM.
                Обратите внимание, что при установке форм через GTM не работают условия таргетинга.

                Сам код сервиса Popmechanic
                Для показа любых форм и рекомендаций необходимо установить код Popmechanic на все страницы сайта.
                Это можно сделать через GTM или напрямую в код сайта.
                Код для установки всегда находится на странице Установка.
                После установки на этой странице появится адрес сайта, где код был обнаружен.
                  7. Завести карточку на настройку верстки виджета в Trello
                  Карточку добавляем на доску Popmechanic To-dos по шаблону для рекомендаций
                  Копируйте шаблон и заполняйте все пункты в описании.

                  Если у вас нет доступа к доске - обратитесь к ведущему менеджеру.
                    8. Настроить тест в Google Optimize для оценки эффективности рекомендаций

                    Для проверки эффективности и денежной оценки влияния рекомендаций мы рекомендуем всегда настраивать тест на определенный промежуток времени (несколько недель-месяц, зависит от трафика на сайт).

                    Как настроить тест в Google Optimize
                      9. Почему что-то не работает?

                      Возможные варианты, почему не работают виджеты:
                      1) Не установлен код Popmechanic на сайте
                      2) Не установлен код Mindbox на сайте
                      3) Не установлен div-блок на странице
                      4) Не включена форма в настройках Popmechanic
                      5) Неверно задано имя операции в форме или точка контакта
                      6) В таргетинге формы вы исключаете страницы, на которых пытаетесь найти виджет
                      7) Div форма и сам код сервиса установлены с разных аккаунтов
                      8) Нет рекомендаций для показа и поэтому виджет не показывается, возьмите другой товар

                      Проверьте по чек-листу выше.
                      Скорее всего какой-то из этих шагов вы пропустили.
                      Если остались сложности - напишите в поддержку Popmechanic.
                        Вам была полезна эта статья?