javascript - 在 Doubleclick for Publishers (SB) iframe 外部创建 jQuery 对话框

Question

我需要创建一个通过 DFP 广告管理系统 (SB) 提供的自定义对话框。 DFP SB 通过 iframe 提供横幅，这就是导致问题的原因。我已经为 jquery 对话框创建了代码，但它不会在 iframe 之外中断并显示在其父级中。

如何让对话框相对于 iframe 的父窗口显示，而不是在 iframe 内显示？

或者也许有更好的方法来做到这一点？

Answer 1

如果您有权访问该页面，则广告将非常简单地展示在该页面上。

将对话框的代码移至将显示广告的页面，然后只需从广告 iframe 中调用主机页面上的 jQuery，如下所示:

<script>
    top.$('body').append('<div>This will be appended to the host page body</div>');
</script>

或者，您仍然可以在 iframe 内构建广告，然后将其“复制”到主页，如下所示:

<script>
    // Build element 
    $('body').append('<div id="copythis">This will be copied to the host page</div>');

    // Select element to be copied to host page
    var el = $('#copythis');

    // Insert into host page
    top.$('body').append(el);
</script>

希望这足以让您走上正确的道路。如果没有发布您的代码，我会再看一下。