Utilizzo di JavaScript o jQuery per tenere traccia delle visualizzazioni di un elemento HTML effettivo (rispetto ai soli caricamenti di pagina)

Question

Il mio progetto attuale richiede (se possibile) il monitoraggio delle visualizzazioni effettive di un widget JavaScript, in modo da poter confrontare / controllare questi dati con il numero totale di visualizzazioni di pagina riportate dal nostro software Analytics ( Clicky e / o Google Analytics).

Fondamentalmente, stiamo vendendo questo widget a un cliente e vogliamo essere in grado di fornire metriche solide per dimostrare l'efficacia del widget nel generare interesse per il cliente.

Per fare ciò, vogliamo essere in grado di segnalare le percentuali di clic come proporzione delle visualizzazioni widget totali, non delle visualizzazioni pagine totali (poiché si presume che molte persone la visualizzazione delle pagine su cui si trova il widget potrebbe in realtà non vederlo, poiché risiede sotto una lunga colonna di testo dell'articolo nella parte inferiore della pagina).

La mia domanda è: esiste un modo per tracciare in modo affidabile quando un elemento HTML (ad esempio, l'elemento contenitore del widget o quello in cui risiede) entra nella visualizzazione del browser? Vorremmo incrementare le statistiche di analisi quando il widget appare nella finestra del browser, ma non quando è appena caricato sulla pagina e non lo fa mai nella finestra.

Il widget avrà jQuery caricato, se questo fa la differenza. Grazie per l'aiuto!

Answer 1

Non sono sicuro di come questo widget venga iniettato nella pagina del contenitore. Se non si esegue utilizzando iframe ma si pronuncia un <script src="widget-generator-url">, la risposta alla tua domanda è già Come sapere se un elemento DOM è visibile nella viewport corrente?