Тестирование пикселя через консоль

Проверка работы пикселя через консоль браузера помогает самостоятельно убедиться в его корректной работе на сайте. Метод выявляет ошибки в каталоге товаров или данных клиента до отправки событий в систему.  
Условия для теста: все события добавлены на сайт, фид товаров загружен в систему, Менеджер MAXMA подтвердил активацию событий. Для тестирования нужны: "отладочная" страница и clid пользователя.
Сlid - это уникальный код посетителя сайта в браузере.
Отладочная страница:  https://my.maxma.com/visitor?clid=ХХХ  (где вместо "ХХХ" нужно указать полученный Сlid).
Что можно проверить на странице?
  • Отследить статус соединения с профилем в МАХМА.
  • Проверить состояние корзины и избранного.
  • Отслеживать в режиме реального времени, какие товары были просмотрены и какие из них успешно соотнесены с товарами из загружаемого каталога.
  • Отслеживать статус загрузки каталога.
  • Проверять ссылки на картинки из фида.

Все про e-com модуль:  ⁠⁠E-com модуль⁠ .


Шаг 1: Получение clid пользователя

Для получения уникального кода необходимо перейти из письма в рассылке, пройти регистрацию или авторизацию, подписаться на новости (если собираются события по "Подписчику").
Необходимо открыть код страницы на сайте клиента (комбинация клавиш: Ctrl+Shift+J на Windows/Linux или Command+option+J на Mac). На вкладке консоль прописать команду: console.log(localStorage.getItem("__cl__clid")). Далее нажать на enter → получаем clid.
Если появляется ошибка: "Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yourself. This could allow attackers to steal your identity or take control of your computer. Please type ‘allow pasting’ below and hit Enter to allow pasting.". → Введите в консоли allow pasting вручную, и нажмите Enter . Далее повторите ввод команды для получения clid.

Шаг 2: Получение итоговой ссылки

Копируем полученный clid, убрав кавычки, и соединяем со ссылкой отладочной страницы.
На выходе получаем готовую страницу в формате: https://my.maxma.com/visitor?clid=67e44364-ceea-4509-ae6e-fd1f1136f4701. Открываем ее в новой вкладке и проверяем.

Шаг 3: Проверка

Нам необходимо "погулять" по сайту (перейти в разные разделы, добавить товары в корзину) и посмотреть, что отображается на отладочной странице. Обновление данных на странице происходит в режиме реального времени, просто обновите страницу.
  • Если отображаются зеленые круги, то все хорошо.
  • Если отображаются желтые круги и крестики, то есть ошибки. Нужно отталкиваться от наименования ошибки.

Расшифровка ошибок

Если ошибка "Нет связи ни с одним из участников":

  • Необходимо проверить, корректен ли тот электронный адрес, с которого происходил переход по ссылке. Важно: переходить по ссылке стоит в одном и том же браузере, что и открытое окно сайта или почты.
  • Если вы ранее переходили по ссылкам из письма в другом браузере, то могла создаться связь с другим clid браузера.
Если не удается разобраться, обратитесь в поддержку со всей информацией (скрины, описание и ссылка).

Если ошибка "Товар не найден в каталоге":

  • Необходимо проверить, чтобы id товаров, которые прилетают с сайта по пикселю, были такими же, как и id в фиде.
  • Необходимо убедиться, что каталог обновлен и передает самое последнее обновление товаров с сайта.
  • Проверка происходит до того, как каталог загружен.
Если не удается разобраться, обратитесь в поддержку со всей информацией (скрины, описание и ссылка).

Если на отладочной странице ничего нет:

Для этого необходимо проверить корректность срабатывания всех установленных событий.
1. Перейти на сайт куда устанавливали события.
2. Открыть консоль (комбинация клавиш: Ctrl+Shift+J на Windows/Linux или Command+option+J на Mac), вкладка Network, в поиске ввести js-api, включаем галочку preserve log.
3. Необходимо произвести любое действие на сайте, например зайти в каталог и выбрать какой-либо из товаров, нажимаем в поле Name на ссылку, откроется окно с событием, в General, в конце ссылки будет тег с событием которое произошло, в нашем случае pageVisit. Если событий несколько, то в поле Name будет больше вкладок на события.
4. Если события есть, то все хорошо. Если их нет, необходимо проверить корректность установки пикселя (см.  ⁠⁠Пиксель для сайта⁠ ).