我们正在将我们的广告基础设施从使用广告技术迁移到DFP。对于任何页面外类型的广告,我们都面临着一个特殊的障碍。我们有现成的和壁纸/皮肤类型的广告。两者都面临着同样的问题。
我可以看到该广告的标记+脚本被正确地调用&插入到DOM中,就在我们设置的oopdiv容器中。问题似乎是GPT生成的iframe标记正在设置高度&iframe(包含广告的标记+脚本)的宽度为每个1像素。不仅如此,它不尊重广告的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都不会干扰谷歌生成的标记
附言:这是我们正在使用的创意模板代码的链接。
请告诉我们如何更好地调试这种情况。此外,如果有人能向我们展示一个网站和模板,让我们从中学习。
仅供参考,当我手动设置注入的iframe
的css以接管整个视图屏幕时,广告显示得很好。
我不得不用程序设置广告容器的宽度/高度。我在下面发布了做DFP的页面外广告的完整解决方案,比如Pretitial。
Markup Shell
JavaScript代码,用于呈现字幕前广告
LESS 中的样式