Использование JavaScript или jQuery для отслеживания просмотров реального HTML-элемента (по сравнению только с загрузкой страницы)

Question

Мой текущий проект требует (если возможно) отслеживания фактических просмотров виджета JavaScript, чтобы мы могли сравнивать / контролировать эти данные с общим количеством просмотров страниц, сообщаемых нашим программным обеспечением Google Analytics ( Clicky и / или Google Analytics).

По сути, мы продаем этот виджет клиенту и хотим иметь возможность предоставлять надежные метрики для демонстрации эффективности виджета в создании интереса клиентов.

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

Мой вопрос: есть ли способ надежно отследить, когда элемент HTML (например, элемент контейнера виджета или элемент, в котором он находится) попадает в область просмотра браузера? Мы хотели бы увеличить статистику аналитики, когда виджет появляется в области просмотра браузера, но не когда он просто загружается на страницу и никогда не попадает в область просмотра.

В виджет будет загружен jQuery, если это имеет значение. Спасибо за любую помощь!

Answer 1

Я не уверен, как этот виджет внедряется в страницу контейнера. Если это не сделано с помощью iframe, а с помощью <script src="widget-generator-url">, то на ваш вопрос уже дан ответ по адресу Как определить, видим ли элемент DOM в текущем окне просмотра?