Usando JavaScript o jQuery para rastrear vistas de un elemento HTML real (en lugar de solo cargar páginas)

Question

Mi proyecto actual requiere (si es posible) rastrear vistas reales de un widget de JavaScript, para que podamos comparar / controlar estos datos con el número total de páginas vistas reportadas por nuestro software Analytics ( Clicky y / o Google Analytics).

Básicamente, estamos vendiendo este widget a un cliente y queremos poder proporcionar métricas sólidas para demostrar la eficacia del widget en la generación de interés del cliente.

Para hacer esto, queremos poder informar los porcentajes de clics como una proporción del total de widgets vistas, no del total de páginas vistas (ya que suponemos que muchas personas ver las páginas en las que se encuentra el widget puede no verlo, ya que se encuentra debajo de una larga columna de texto del artículo cerca de la parte inferior de la página).

Mi pregunta es: ¿hay alguna forma de realizar un seguimiento confiable cuando un elemento HTML (por ejemplo, el elemento contenedor del widget o el que vive en él) entra en la ventana del navegador? Queremos aumentar las estadísticas de análisis cuando el widget aparece dentro de la ventana gráfica del navegador, pero no cuando se carga en la página y nunca llega a la ventana gráfica.

El widget tendrá jQuery cargado, si eso marca la diferencia. ¡Gracias por cualquier ayuda!

Answer 1

No estoy seguro de cómo se inyecta este widget en la página del contenedor. Si no se hace mediante el uso de iframe, pero diga un <script src="widget-generator-url">, su pregunta ya está respondida en ¿Cómo saber si un elemento DOM es visible en la vista actual?