Question

我正在新闻网站上实施Google DFP广告管理系统的自适应广告，除以下两点外，几乎所有功能都运行正常：

1.-即使我使用正确的样式并且DFP功能居中，它们也不总是在中心对齐。

2.-有时，例如，一个970x250的广告被调用，并以该尺寸创建了iframe，但是广告的图像仅为970x90，我留下了很多我无法控制的空白CSS，因为并非总是如此，我现在无法从大小映射堆栈中调用哪个大小。

这是我所拥有的实现（在https://digitallpost.com.mx/justicia/video-trailer-embiste-quince-autos-santa-fe/上直播）：

<script>
    (function() {
        var src = 'https://www.googletagservices.com/tag/js/gpt.js';
        document.write('<scr' + 'ipt src="' + src + '""></scr' + 'ipt>');
    })();
    googletag.cmd.push(function() {

        var mappingtop2 = googletag.sizeMapping().
        addSize([900, 0], [[970, 90], [970, 250], [728, 90], [1, 1]]). //desktop
        addSize([768, 0], [[728, 90], [1, 1]]). //tablet
        addSize([320, 0], [[320, 100], [320, 50], [300, 250], [1, 1]]). //mobile
        addSize([0, 0], [[320, 100], [320, 50], [300, 250], [1, 1]]). //other
        build();

            googletag.defineSlot('/158800740/R_DAP_Notas_Top2', [300, 250], 'div-gpt-ad-1535413794930-0').defineSizeMapping(mappingtop2).addService(googletag.pubads());

            googletag.pubads().setCentering(true);
        googletag.pubads().enableLazyLoad();
        googletag.pubads().collapseEmptyDivs();
        googletag.enableServices();
    });
</script>

这是HTML：

<div class="[ banner_holder banner_top_2 ]">
    <!-- /158800740/R_DAP_Notas_Top2 -->
    <div id='div-gpt-ad-1535413794930-0'>
        <script>
            googletag.cmd.push(function() { googletag.display('div-gpt-ad-1535413794930-0'); });
        </script>
    </div>
</div>

和CSS：

.banner_holder {
    width: 100%;
    text-align: center;
    margin: 20px auto;
    position: relative;
}

对于对齐问题，这是我得到的错误结果：https://digitallpost.com.mx/dap-dfp.jpg

这是我因尺寸问题得到的不正确结果：https://digitallpost.com.mx/dap-dfp-alig.jpg

在不做任何更改的情况下，仅通过刷新，我有时会得到正确的结果：https://digitallpost.com.mx/dap-dfp-right.jpg

自适应广告的尺寸与iFrame的尺寸不同且未对齐

0 个答案: