javascript - 在 DFP 广告管理系统 (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>

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