Создание пользовательского трекера для отклика

Question

Для создания веб-приложения, которое я создаю, мне нужно знать, когда div входит в браузер пользователей, в основном отслеживая, что происходит впечатление.

Im, публикуя это, чтобы узнать, может ли кто-нибудь указать мне в правильном направлении для достижения этого результата. Я не уверен, как я могу отслеживать, когда элемент входит в представление веб-браузера. Можно ли это сделать через jQuery? Любые указатели будут очень благодарны.

Answer 1

<script> тег

<script> теги запускаются при размещении в DOM.

Вы можете добавить тег <script> к <div>, который вы хотите разместить, когда его загрузили в DOM, скрипт может выполнить запрос AJAX, чтобы вы знали, что он был загружен.

<script>track_me("special_div");</script> 

<img> пикселей

Создать 1px 1px х изображение на вашем сервере, поместите его где-нибудь в DIV с IMG тег как так <img src="/pixel.png?ref=my_div" /> это может быть прослежена в журналах сервера. Вы можете изменить ref, чтобы обозначить различные элементы отслеживания.

Запрос будет сделан, когда изображение будет помещено в дом и видно.

Вам нужно будет настроить кеширование именно для этого изображения, чтобы он никогда не кэшировался браузером.