ads - 在 Google DFP 中， "Out of Page"未显示在被转换页面上

Question

我们正在将我们的广告基础架构从使用广告技术迁移到 DFP。关于任何页外类型的广告，我们都面临着一个特殊的障碍。我们有页外类型的前置广告和墙纸/皮肤广告。两者都面临同样的问题。

我可以看到该广告的标记和脚本被正确调用并插入到我们设置的 oop div 容器内的 DOM 中。问题似乎是由 GPT 生成的 iframe 标签将 iframe 的高度和宽度(包含广告的标记+脚本)设置为每个 1 px。不仅如此，它还没有尊重广告的 OOP 性质，因为它没有将位置设置为绝对位置和顶部，在 CSS 中保留为 0。可以说，它不执行 iframe 的破坏。

为了给您一些背景信息，我们已经确定了以下内容，

• 像这样初始化 GPT，var prestitialOOP = googletag.defineOutOfPageSlot('/1234567890/Core/ROS/Prestitial', 'div-gpt-ad-1397599585565-0-oop');prestitialOOP.addService(googletag.pubads());
• 确保广告素材 Test_Prestitial 被标记为 Out-of-page
• 确保我们这边的所有代码+css 都不会干扰 google 生成的标记。

P.S. this is the link to the creative template code we are using.

请告诉我们如何更好地调试这种情况。此外，如果有人可以向我们展示其工作的网站和模板，以便我们可以从那里学习。

仅供引用，当我手动设置注入(inject)的 iframe 的 css 以接管整个 View 屏幕时，广告显示正常。

Answer 1

我必须以编程方式设置广告容器的宽度/高度。我在下方发布了用于制作 DFP 页外广告(如前置广告)的完整解决方案。

Markup Shell

JavaScript code to render the presttial ad

Style in LESS