Google DFP Refresh Ads удаляет стек window.history в Internet Explorer 10

У меня точно такая же проблема, даже запуск рекламы в iframe с другим доменом все равно приводит к потере истории. Я считаю, что это как-то связано с обработкой IE изменений iframe src как событий истории, но в основном использование объявлений Google полностью нарушает состояние push в IE. Единственный способ, который я нашел, это не использовать рекламу Google.

У нас была точно такая же проблема. В IE10 и IE11 состояние push практически бесполезно, если вы используете DFP.

Тем не менее, мы нашли решение. Это некрасиво, но это работает.

Вместо загрузки объявления мы вставляем iframe. В этом iframe реклама загружается как обычно. Тем не менее, метод refresh() нельзя использовать внутри этого iframe, все равно будет возникать та же проблема. Но что вы можете сделать, когда реклама загружается в iframe, так это обновить весь iframe. При этом реклама будет обновлена, а функциональность pushstate останется неизменной.

Довольно противно, но это работает. Поскольку загружать рекламу в iframe плохо по нескольким причинам, мы делаем это только в IE10 и IE11.

У меня такая же проблема с IE10 и IE11 - очень разочаровывает.

Что бы это ни стоило, я поднял ошибку с Microsoft, которую можно увидеть здесь:

https://connect.microsoft.com/IE/feedbackdetail/view/979564/ie-pushstate-history-is-corrupted-by-google-adsense-google-dpf-doubleclick-for-publishers-advertising

Если у вас есть время, добавьте свои комментарии к ошибке, чтобы придать ей больший вес для возможного исправления.

Адам

Как я писал на справочном форуме DFP: https://productforums.google.com/forum/#!topic/dfp/9BsgVtKTU9A

if(typeof googletag !== 'undefined' && typeof googletag.pubads !== 'undefined') {
   if(adsCloned === false) {
      var $dfpIframe = $('#div-gpt-ad-1477269112222-0').find('iframe'); // this is ad id that you use in googletag.defineSlot()

      $dfpIframe.each(function (i, v) {
         var $clone = $(v).clone();
         $(v).replaceWith($clone);
      });
      adsCloned = true;
   }
   googletag.pubads().refresh();
}

if(typeof googletag !== 'undefined' && typeof googletag.pubads !== 'undefined') {
       var $dfpIframe = $('#div-gpt-ad-1477269112222-0').find('iframe'); // this is ad id that you use in googletag.defineSlot()

       $dfpIframe.each(function (i, v) {
          var $clone = $(v).clone();
          $(v).replaceWith($clone);
       });
       googletag.pubads().refresh();
    }

Приведенный выше код не будет работать - моя ошибка. Но рабочее решение для меня - уничтожить всю переменную googletag и снова вызвать весь код.

Первый вызов скрипта dfp выглядит следующим образом (обратите внимание на googletag.pubads().disableInitialLoad(); и gads.id = 'dfpHeadScript';):

// Doubleclick
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
    var gads = document.createElement('script');
    gads.async = true;
    gads.id = 'dfpHeadScript';
    gads.type = 'text/javascript';
    var useSSL = 'https:' == document.location.protocol;
    gads.src = (useSSL ? 'https:' : 'http:') +
        '//www.googletagservices.com/tag/js/gpt.js';
    var node = document.getElementsByTagName('script')[0];
    node.parentNode.insertBefore(gads, node);
})();

googletag.cmd.push(function() {
    enovatis.dfpSlots.push( googletag.defineSlot('...', [240, 400], 'div-gpt-ad-1').addService(googletag.pubads()) );
    enovatis.dfpSlots.push( googletag.defineSlot('...', [[960, 100], [750, 100]], 'div-gpt-ad-2').addService(googletag.pubads()) );

    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();
    googletag.pubads().disableInitialLoad();
    googletag.enableServices();
});

googletag.cmd.push(function(){
    googletag.pubads().refresh();
});

и метод обновления объявлений:

var dfpInterval = null;
var $dfpTop = $('#div-gpt-ad-1');
var $dfpLeft = $('#div-gpt-ad-2');

function refreshDfp() {

    $dfpTop.empty();
    $dfpLeft.empty();

    googletag =  {};
    googletag.cmd = [];

    $('#dfpHeadScript').remove();

    (function() {
        var gads = document.createElement('script');
        gads.async = true;
        gads.id = 'dfpHeadScript';
        gads.type = 'text/javascript';
        var useSSL = 'https:' == document.location.protocol;
        gads.src = (useSSL ? 'https:' : 'http:') +
            '//www.googletagservices.com/tag/js/gpt.js';
        var node = document.getElementsByTagName('script')[0];
        node.parentNode.insertBefore(gads, node);
    })();

    googletag.cmd.push(function() {
        enovatis.dfpSlots.push( googletag.defineSlot('...', [240, 400], 'div-gpt-ad-1').addService(googletag.pubads()) );
        enovatis.dfpSlots.push( googletag.defineSlot('...', [[960, 100], [750, 100]], 'div-gpt-ad-2').addService(googletag.pubads()) );
        googletag.pubads().enableSingleRequest();
        googletag.pubads().collapseEmptyDivs();
        googletag.pubads().disableInitialLoad();
        googletag.enableServices();

        window.clearInterval(dfpInterval);
        dfpInterval = window.setInterval(function(){
            if(typeof googletag.pubads !== 'undefined'){
                window.setTimeout(function(){
                    googletag.pubads().refresh();
                }, 75);
                window.clearInterval(dfpInterval);
            }
        }, 75);
    });
}

Я вызываю его с помощью: refreshDfp.apply(window); и все работает хорошо. Единственным недостатком этого подхода является то, что мы каждый раз отправляем больше запросов в Google.