Google 个发布广告出现然后消失

Question

我在 http://development-client-server.com/ds/ which is working great, until you get to the actual story page (see http://development-client-server.com/ds/speech-more-common-autism/) 上使用 Google pubads，此时右侧顶部边栏广告将加载然后迅速消失。

我已将其缩小到 stickySidebars 函数，我用它来将社交媒体栏粘贴在左侧，并将职位列表 div 粘贴在右侧（在 Google 的下方）广告是）。但是，粘性功能根本不应该影响 Google 广告吗？

这是我正在使用的 JS 函数，我已经重写了好几次（并且已经尝试说服客户不要使用）。

<script>

// Sticky Sidebars

function stickySidebars() {   

    var length = $('.post-content').height() - $('article .sharing-links').height() + $('.post-content').offset().top;
    var lengthSidebar = $('.sticky-container').height() - $('aside .job-listings').height() + $('.sticky-container').offset().top -30;

    $(window).scroll(function () {

        // Sharing Links

        var scroll = $(this).scrollTop() + 90;
        var height = $('article .sharing-links').height() + 'px';

        if (scroll < $('.post-content').offset().top) {

            $('article .sharing-links').css({
                'position': 'absolute',
                'top': 'auto',
                'bottom': 'auto'
            });

        } else if (scroll > length) {

            $('article .sharing-links').css({
                'position': 'absolute',
                'bottom': '0',
                'top': 'auto'
            });

        } else {

            $('article .sharing-links').css({
                'position': 'fixed',
                'top': '90px',
                'height': height
            });

        }

        // Sidebar

        var heightSidebar = $('aside .job-listings').height() + 'px';

        if (scroll < $('aside .job-listings').offset().top) {

            $('aside .job-listings').css({
                'position': 'absolute',
                'top': '300px',
                'bottom': 'auto'
            });

        } else if (scroll > lengthSidebar) {

            $('aside .job-listings').css({
                'position': 'absolute',
                'bottom': '30px',
                'top': 'auto'
            });

        } else {

            if (scroll < $('.sticky-container').offset().top + 300) {

                $('aside .job-listings').css({
                    'position': 'absolute',
                    'top': '300px',
                    'bottom': 'auto'
                });

            } else {

                $('aside .job-listings').css({
                    'position': 'fixed',
                    'top': '90px',
                    'height': heightSidebar
                });
            }

        }
    });
}

$(window).on('load',function(){
    if($(window).width() > 1100){
        stickySidebars();
    } 
});

$(window).resize(function() {
    if($(window).width() > 1100){
        stickySidebars();
    }
});
</script>

Answer 1

问题不是由粘性边栏引起的。这是由这段代码引起的：

$(window).on('load',function(){
    // Other unrelated functions here...

    /*****************************/
    // Move Sidebar in Mobile
    /*****************************/

    if($(window).width() <= 980){
        $("aside").appendTo(".mobile-sidebar");
    } else {
        $("aside").insertAfter(".single-article article");
    }
});

本质上是广告加载，然后您移动容器（aside），这会导致广告消失。

有几个不同的选项，但基本上您需要 Google 广告脚本到运行在那段代码之后，或者您需要刷新广告。要刷新广告，您应该能够运行在您的 if else 语句之后直接执行这行代码：

googletag.pubads().refresh()

这会刷新所有广告。根据您的设置方式，您可以将变量传递给 refresh()，以便刷新特定广告，例如

var slot1 = googletag.pubads().display('/1234567/sports', [728, 90], 'div-1');

googletag.pubads().refresh([slot1]);

Google Reference Docs for refresh()

Google 个发布广告出现然后消失

Google pubads appear and then disappear

javascript

jquery

adsense

sticky

gpt