Usando JavaScript ou jQuery para rastrear pontos de vista de um elemento HTML real (comparada cargas apenas de página)

Question

Meu projeto atual exige (se possível) rastreamento de visualizações reais de um JavaScript widget, para que possamos comparar / controlar esses dados contra o número total de pageviews relatado por nosso software Analytics ( Clicky e / ou Google Analytics).

Basicamente, estamos vendendo este widget para um cliente e quer ser capaz de fornecer métricas sólidas para demonstrar a eficácia do widget na geração de interesse do cliente.

Para fazer isso, nós queremos ser capazes de relatar taxas de cliques como uma proporção do total Widget pontos de vista, não total de página de visualizações (desde a nossa suposição é que muitas pessoas visualizar as páginas que o widget está em não pode realmente vê-lo, uma vez que vive debaixo de uma longa coluna de artigo texto na parte inferior da página).

A minha pergunta é - existe alguma maneira de rastrear de maneira confiável quando um elemento HTML (por exemplo, elemento de recipiente do widget, ou o que ele vive em) entra na janela do navegador? Gostaríamos incremento das estatísticas de análise quando o widget aparece dentro da janela do navegador, mas não quando ele é apenas carregado na página e não sempre fazê-lo na janela.

O widget terá jQuery carregado, se isso faz a diferença. Obrigado por qualquer ajuda!

Answer 1

Eu não estou certo de como este widget é injetado na página recipiente. Se não for feito usando iframe mas dizem que uma <script src="widget-generator-url"> então a sua pergunta já foi respondida em Como saber se um elemento DOM é visível na janela de visualização atual?