第三方 iFrame 内的广告可见度答案

【问题标题】：Ad Viewability Inside Third-Party iFrames第三方 iFrame 内的广告可见度
【发布时间】：2023-03-09 12:02:01
【问题描述】：

因此，随着 Google 最近收购 spider.io，每个人都在谈论广告可见度。

除了 spider.io 的专利技术和 comScore 的专利几何技术...还有其他方法可以在 3rd 方 iframe 中使用 javascript 检测广告可见度吗？

谢谢！

【问题讨论】：

我真的很想知道 spider.io 是如何克服我们的重置所没有的。我怀疑他们正在利用一些我们中的一些人不知道的安全漏洞。

标签： javascript iframe cross-domain ads advertisement-server

【解决方案1】：

有办法检测跨域可见性

1) 请求动画帧（IOS）。 2) IntersectionObserver（API chrome、firefox 等）。

两个例子都在这里。

var options = {
threshold: [0.0, 0.3, 0.7, 1.0]

};

var element = document.getElementById("element");

function intersectionObserver(callback)
{

    function callbackObserver(entries, observer)
    {
        entries.forEach(function(entry)
        {
            callback.call(this, entry.intersectionRatio == 0)
        });
    }
    var observer = new IntersectionObserver(callbackObserver, options);
    observer.observe(element);
}


function reqAnimFrame(callback)
{
    var lastCalled;
    var fps;
    var timediff;

    function requestAnimFrame()
    {
        if (!lastCalled)
        {
            lastCalled = Date.now();
            fps = 0;
        }
        timediff = (Date.now() - lastCalled);

        if (timediff <= 1000)
        {
            fps++;
        }
        else
        {
            lastCalled = Date.now();
            fps = 0;
        }
        callback.call(this, fps <= 10);
        window.requestAnimationFrame(requestAnimFrame);
    }
    window.requestAnimationFrame(requestAnimFrame);
}
var callback = function(isNotView)
{
    console.log(isNotView);
}

//IOS
reqAnimFrame(callback);

//Other then IOS
intersectionObserver(callback);

【讨论】：