rabbithole1.0.1
深入了解广告单元的令人讨厌的细节作为当今网络上的发布者,您可能对广告网络又爱又恨。一方面,这些广告网络有助于支付账单。但另一方面,他们可疑的编码能力、低劣的安全性和可疑的商业实践使您面临各种各样的问题。我们的团队花费了无数个小时来剖析 DOM 以试图追踪违规广告。这是一项单调乏味的工作,尤其是当广告调用从一个网络
更新日期:2021年 8月 29日分类标签:开发语言:中文平台:
53.23KB 0 人已下载 手机查看
简介:
深入了解广告单元的令人讨厌的细节作为当今网络上的发布者,您可能对广告网络又爱又恨。一方面,这些广告网络有助于支付账单。但另一方面,他们可疑的编码能力、低劣的安全性和可疑的商业实践使您面临各种各样的问题。我们的团队花费了无数个小时来剖析 DOM 以试图追踪违规广告。这是一项单调乏味的工作,尤其是当广告调用从一个网络跳到另一个网络时,会创建一个极其复杂的嵌套 IFRAME 的 DOM。 rabbithole 旨在简化此过程。使用您提供的 CSS 选择器,它可以识别广告单元的顶级 DOM 元素。然后它递归地降低这些元素,构建一个更简单的对象模型供您分析。 * 简化了 DOM 中广告相关部分的识别和解释* 通过跳过过去并不重要的 DOM 元素并仅跟踪选择属性来“压缩”树* 使场外对象易于识别* 尝试识别像素跟踪器* 尝试识别最有可能是广告创意本身的 DOM 元素* 尝试跟踪“网络路径”,以便您查看广告来源的整个广告链;这是一项正在进行的工作* 计算统计数据,例如树中每个节点下加载的脚本和 iframe 的数量为了让 rabbithole 与您的网站一起工作,您需要为其提供一个 CSS 选择器,该选择器将捕获您广告单元的所有顶级 DOM 元素(并且具体到*不*捕获非广告单元元素)。例如,如果您查看 http://slashdot.org/ 上的广告代码,您会发现它们都有像“div-gpt-ad-728x90_a”和“div-gpt-ad-300x250_a”这样的 ID。您可以使用选择器将它们全部捕获,例如[id*='div-gpt-ad']一旦你有了选择器,使用选项对话框来配置rabbithole。您可以从 chrome 的扩展页面打开它,也可以通过单击 rabbithole 弹出窗口中的齿轮图标来打开它。如果您在更改 CSS 选择器时打开了 rabbithole 窗口,则需要关闭 rabbithole 并重新打开它以重新扫描页面的 DOM。来源:https://github.com/jpriebe/rabbithole