9

DoubleClick For Publishers（DFP）の広告を使用しています。これはページです： http ：//www.ifly.com

ページ読み込みイベントの後にjQueryAJAXを介してDFP広告を読み込み、さまざまな検索ウィジェットをユーザーとのやり取りにできるだけ速く利用できるようにします。プロセスは次のようになります。

最初のDFPヘッダー呼び出しをドキュメントヘッドに配置します。

<head>
...
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
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);
})();
</script>

<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/9358962/HP-300x250', [300, 250], 'div-gpt-ad-1353002461867-0').addService(googletag.pubads());
googletag.defineSlot('/9358962/HP-460x60', [468, 60], 'div-gpt-ad-1353002461867-1').addService(googletag.pubads());
googletag.defineSlot('/9358962/HP-728x90', [728, 90], 'div-gpt-ad-1353002461867-2').addService(googletag.pubads());
googletag.defineSlot('/9358962/HP-LAF-160x600', [160, 600], 'div-gpt-ad-1353002461867-3').addService(googletag.pubads());
googletag.defineSlot('/9358962/HP-RAF-160x600', [160, 600], 'div-gpt-ad-1353002461867-4').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
....
</head>

空のdivをプレースホルダーとして作成します。

<div id='horizontalTANBanner'></div>

ページの読み込み後、jQueryAJAXを使用してコードを挿入して広告を取得します。

<div id='horizontalTANBanner'>  
  <!-- HP-728x90 -->
  <div id='div-gpt-ad-1353002461867-2' style='width:728px; height:90px;'>
  <script type='text/javascript'>
  googletag.cmd.push(function() { googletag.display('div-gpt-ad-1353002461867-2'); });
  </script>
  </div>
</div>

Googleは、実際に広告を呼び出すためにさらに多くのJavaScriptをロードします。Firebugを使用して挿入されていることがわかります。

<div id="horizontalTANBanner">
<div id="div-gpt-ad-1353002461867-2" style="width:728px; height:90px;">
<iframe id="google_ads_iframe_/9358962/HP-728x90_0" width="728" scrolling="no" height="90" frameborder="0" name="google_ads_iframe_/9358962/HP-728x90_0" marginwidth="0" marginheight="0" style="border: 0px none;">
<html>
</iframe>
<iframe id="google_ads_iframe_/9358962/HP-728x90_0__hidden__" width="0" scrolling="no" height="0" frameborder="0" name="google_ads_iframe_/9358962/HP-728x90_0__hidden__" marginwidth="0" marginheight="0" style="border: 0px none; visibility: hidden; display: none;">
</div>
</div>

Firefox（IE、Chrome、Opera、Safari）を除くすべてのブラウザに広告が表示されます。Firefoxで広告が表示されないことを他のユーザーに確認しました。Firefoxで広告を表示するにはどうすればよいですか？

DFPフォーラムでこの質問をしましたが、技術的ではなく、「AJAXの使用をやめる」がベストアンサーでしたが、訪問者のエクスペリエンスは非常に優れており、Googleは読み込みが遅くないため、ページのランク付けが高くなると思います。私はそれを使うのをやめるのが嫌いです。

4

1 に答える 1

8

dfp スロットの読み込みを複雑にしすぎていると思います。

このコードブロックは、私が思うに機能していない部分です。

  /*** Populate DFP ads ***/
  var _pageID=$("body").find_class("pageID-");
  $.get('/common/modules/ajax-get-list.php',{pageID:_pageID},function(_data){
    //alert('data='+_data);
    if(_data!=''){
      var _arrDFPList=_data.split(',');
      for(var i=0;i<_arrDFPList.length;i++){
        //alert('DFP id = '+_arrDFPList[i]);
        $.get('/common/modules/ajax-get-one.php',{id:_arrDFPList[i]},function(_oneData){
          var _arrDFPOne=_oneData.split('<<<>>>');
          //alert('id = '+_arrDFPOne[0]+' and content = '+_arrDFPOne[1]);
          $("#"+_arrDFPOne[0]).append(_arrDFPOne[1]);
          //$("#"+_arrDFPOne[0]).html(_arrDFPOne[1]);
        });
      }
    }

    /*
    if(_data!=''){
      var arrDFPList=_data.split(',');
      $.get('/common/modules/def-get-one.php',{},function(_oneData){
      });
    }*/
  });
  /*** END Populate DFP ads ***/

Firefox はおそらく広告スロットの表示コードを追加するだけで、評価に失敗していると思います。

数か月前、ロード後に広告を表示し、すべてを非常に高速かつシンプルに保ちたいという同様の問題に直面しました...私が思いついた解決策は、jquery.dfp.jsを作成することでした。このプラグインを使用すると、ロードするまで DFP のロードを完全に延期できます。現在行っているように、すべてのスロットを事前に定義する必要もありません...

たとえば、これは私のプラグインを使用して広告を表示するために必要な最低限の要素だけを含む現在のホームページです。

<html>
<head>
    <title>DFP TEST</title>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="https://raw.github.com/coop182/jquery.dfp.js/master/jquery.dfp.min.js"></script>

</head>
<body>

<div class="adunit" id="HP-300x250" data-dimensions="300x250"></div>
<div class="adunit" id="HP-460x60" data-dimensions="460x60"></div>
<div class="adunit" id="HP-728x90" data-dimensions="728x90"></div>
<div class="adunit" id="HP-LAF-160x600" data-dimensions="160x600"></div>
<div class="adunit" id="HP-RAF-160x600" data-dimensions="160x600"></div>

<script>
$(function () {
    $.dfp('9358962');
});
</script>

</body>
</html>

これは物事を行うためのはるかに優れた方法だと思います。ご不明な点がございましたら、お知らせください。

于 2013-01-09T13:40:55.050 に答える