我当前的项目需要(如果可能)跟踪 JavaScript 小部件的实际浏览量,以便我们可以将此数据与我们的分析软件(Clicky 和/或 Google Analytics)报告的总浏览量进行比较/控制。
基本上,我们将此小部件出售给客户,并希望能够提供可靠的指标来证明该小部件在引起客户兴趣方面的功效。
为此,我们希望能够报告点击率占小部件总浏览量的比例,而不是总页面浏览量的比例(因为我们的假设是很多人查看小部件所在的页面可能实际上看不到它,因为它位于页面底部附近一长列文章文本的下方)。
我的问题是 - 是否有任何方法可以可靠地跟踪 HTML 元素(例如,小部件的容器元素或其所在的元素)何时进入浏览器视口(viewport)?当小部件出现在浏览器视口(viewport)中时,我们希望增加分析统计信息,而不是当它刚刚加载到页面上并且从未进入视口(viewport)时。
小部件将加载 jQuery,如果有区别的话。感谢您的帮助!
最佳答案
我不确定这个小部件是如何注入(inject)容器页面的。
如果不是通过使用 iframe 完成的,而是说 <script src="widget-generator-url">
那么您的问题已经在 How to tell if a DOM element is visible in the current viewport? 得到解答
关于javascript - 使用 JavaScript 或 jQuery 跟踪实际 HTML 元素的 View (与仅页面加载相比),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1429585/