Utilisation de JavaScript ou de jQuery pour suivre les vues d'un élément HTML réel (par opposition aux charges de page uniquement)

Question

Mon projet actuel nécessite (si possible) le suivi des vues réelles d'un widget JavaScript afin de pouvoir comparer / contrôler ces données par rapport au nombre total de pages vues signalées par notre logiciel Analytics ( Clicky et / ou Google Analytics).

En gros, nous vendons ce widget à un client et souhaitons être en mesure de fournir des indicateurs solides pour démontrer son efficacité pour générer l'intérêt des clients.

Pour ce faire, nous souhaitons pouvoir signaler les taux de clics sous forme de proportion du nombre total de vues de widgets, et non de vues de page (car notre hypothèse est que beaucoup de l'affichage des pages sur lesquelles se trouve le widget risque de ne pas le voir, car il se trouve sous une longue colonne de texte d'article au bas de la page).

Ma question est la suivante: existe-t-il un moyen fiable de suivre lorsqu'un élément HTML (par exemple, l'élément conteneur du widget ou l'élément dans lequel il réside) entre dans la fenêtre de visualisation du navigateur? Nous voudrions incrémenter les statistiques d'analyse lorsque le widget apparaît dans la fenêtre de visualisation du navigateur, mais pas lorsqu'il est simplement chargé sur la page et qu'il n'est pas intégré dans la fenêtre de visualisation.

jQuery sera chargé dans le widget si cela fait une différence. Merci pour toute aide!

Answer 1

Je ne sais pas comment ce widget est injecté dans la page du conteneur. Si cela n’est pas fait en utilisant iframe mais en disant <script src="widget-generator-url">, votre question aura déjà reçu une réponse à Comment savoir si un élément DOM est visible dans la fenêtre actuelle?