Как создать Hotjar как приложение?

Question

Есть ли учебник или документ, объясняющий создание приложения, похожего на hotjar? Кто-нибудь может дать какие-либо идеи в этом? я хочу создать приложение, которое анализирует поведение пользователя.. как

• до какого процента страницы прокрутил пользователь

• в какой части DOM пользователь нажал

• и создать отчет с помощью heatmap.js только для одного из моих статических сайтов / страниц

Я сделал отчеты с использованием статических данных и тепловых карт. Теперь я просто хочу отслеживать действия пользователя, такие как точки прокрутки, точки наведения мыши / щелчка мышью, которые могут отличаться как для разных размеров экрана, так и для устройств... Есть ли какая-либо платформа apis или js для Помогите?

Answer 1

Вы не найдете ни одного учебника по этому вопросу, так как вы не найдете учебников "Построить систему веб-поиска самостоятельно". Отслеживание пользователей сайта - очень сложная тема. Разработка такого решения потребует огромных усилий и инвестиций. Это также потребовало бы дорогой инфраструктуры (серверы для сбора данных от пользователей и их обработки).

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

Если вы все еще хотите продолжить - узнайте как можно больше о веб-отслеживании пользователей. Ищите "методы отслеживания пользователей", "методы отслеживания пользователей", "фразы для веб-аналитики".

Затем, когда дело доходит до реализации:

1. В браузере (на стороне клиента)

   • Реализация идентификации отдельных пользователей для классификации их действий на веб-сайте / нескольких веб-сайтах.
   • Реализуйте захват окна просмотра пользователя, чтобы узнать, что пользователь видит в окне браузера в данный момент времени.
   • Реализация взаимодействия с пользователем - нажатие, прокрутка, перетаскивание, навигация между страницами, ввод данных (не пропускайте конфиденциальные данные - пароли, адреса) и т. Д.
   • Реализуйте безопасную отправку этой информации на сервер для анализа.
   • Выясните, как разместить свое приложение для отслеживания на веб-сайте (во всех популярных браузерах - не забывайте и о старых)! В большинстве случаев требуется, чтобы владелец сайта помещал небольшой кусочек JS на каждую страницу своего сайта. Вот объяснение от архитектора Hotjar о том, как этот сценарий выглядит и почему: /questions/41653682/pochemu-takie-sajtyi-kak-hotjar-i-google-analytics-ispolzuyut-slozhnyij-kod-otslezhivaniya-a-ne-prosto-teg-script/41653706#41653706.

2. На сервере (относительно простая часть)

   • Реализуйте обработку данных и создавайте отчеты - тепловые карты, записи сессий, потоки кликов.

Смотрите также этот вопрос: как HotJar генерирует свои записи?

Некоторое время назад я сделал очень простой POC, охватывающий некоторые из вышеупомянутых клиентских вещей. Это простой скрипт, который отслеживает изменения DOM и пользовательские события (некоторые из них) и записывает их в консоль при внедрении на веб-страницу. В полномасштабном решении это будет отправлено на сервер для обработки (вместо записи в консоль).

Эти записанные события (изменения DOM вместе с временными метками и пользовательским вводом / событиями) можно использовать для надежного воспроизведения того, что пользователи видят в окне браузера и как они взаимодействуют с ним.