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

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