Enkin
@Enkin
менеджер инет-проектов

Как мониторить корректность отрисовки JS-виджетов на сайте?

Появилась задача мониторить факт отрисовки виджетов сторонних сервисов. Формы подписки, платежные виджеты, штуки типа Яндекс.Афиши - то есть загружается JS целиком с чужого сервера, но отрисовывается на клиенте в браузере?

Допустим, на свои объекты можно навесить JS-события и логгерить их, на большом трафике можно трекать срабатывание целей в метриках. А как проверять что отрисовываются и срабатывают внешние сервисы? Допустим, трафик маленький, но очень дорогой. Допустим, событие случается раз в сутки, но его ценность невероятно велика.
  • Вопрос задан
  • 72 просмотра
Решения вопроса 2
Robur
@Robur
Знаю больше чем это необходимо
Если скрипты прямо на страницу грузятся - и работают с вашим dom то можете делать все то же самое что и для своих объектов. Если в iframe - то в общем случае мало что можно сделать, если внешние скрипты сами как-то вам не будут сообщать об этом.

Если вам нужно это делать в плане теста в контролируемом вами окружении, есть инструменты которые делают скриншот и сравнивают с тем что должно быть, возможно что-то получится с ними.
Ответ написан
Комментировать
Hecc
@Hecc
Frontend. Дизайн. Шрифт.
Есть различные сервисы для логирования ошибок.
Один из самых простых к установке это https://sentry.io/. Есть нелохой бесплатный тариф - на 5000 логов в месяц. Все что выше этой квоты - платно.

Он логирует все ошибки, включая даже те, что возникают у клиента - например используюя расширение какого-то гугл переводчика.
Как пример, например ошибка что у юзера истек токен и его выкинуло из кабинета:
5cf650393336e832465277.png

В целом шутка удобная, но в интернете есть инфа что может влиять на произовдительность сайта\приложения.
Мы его юзаем в CRM написаной на реакте и у нас все в целом летает (первая отрисовка с отключенным кешем):
5cf651076bb44068576649.png
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы