JavaScript 또는 jQuery를 사용하여 실제 HTML 요소의 뷰를 추적합니다 (Vs. Page Load)

Question

현재 프로젝트는 JavaScript 위젯의 실제보기를 추적해야하므로 분석 소프트웨어에서보고 한 총 페이지 뷰 수와 비교/제어 할 수 있습니다.클릭 및/또는 Google 웹 로그 분석).

기본적으로 우리는이 위젯을 클라이언트에게 판매하고 있으며 고객의 관심을 창출하는 데 위젯의 효능을 입증하기 위해 견고한 메트릭을 제공 할 수 있기를 원합니다.

이렇게하려면 총 클릭률 요금을 총 비율로보고 할 수 있기를 원합니다. 위젯 총이 아닌 뷰 페이지 보기 (우리의 가정은 위젯이 켜져있는 페이지를 보는 많은 사람들이 실제로 그것을 볼 수 없다고 가정하기 때문에 페이지 하단 근처의 긴 기사 텍스트 아래에 살고 있기 때문에 실제로 볼 수 없을 것입니다).

내 질문은 - HTML 요소 (예 : 위젯의 컨테이너 요소 또는 그에 거주하는)가 브라우저 뷰포트에 들어올 때 안정적으로 추적 할 수있는 방법이 있습니까? 위젯이 브라우저 뷰포트 내에 나타날 때 분석 통계를 증가시킬 것이지만 페이지에로드되어 뷰포트로 만들지 않을 때는 아닙니다.

위젯에 차이가 발생하면 jQuery가로드됩니다. 도움을 주셔서 감사합니다!

Answer 1

이 위젯이 어떻게 컨테이너 페이지에 주입되는지 잘 모르겠습니다. iframe을 사용하여 수행되지 않지만 <script src="widget-generator-url"> 그런 다음 귀하의 질문은 이미 답변되었습니다 현재 뷰포트에서 DOM 요소가 보이는지 알리는 방법은 무엇입니까?