21

JavaScript でレンダリングされたモバイル Web インタースティシャルを開発しています。レイアウトは完全にレスポンシブであるため、提供された screen\iframe の 100% を使用します。

DFP を介してインタースティシャルを表示したいと考えています。

最初にサイズの広告ユニット (320x480) を作成し、問題なく動作しましたが、インタースティシャルは iframe の境界に制限されていました。

Out-of-pageという新しい広告申込情報タイプを見つけました。ドキュメントには次のように記載されています。

ポップアップやフローティング広告申込情報が含まれる場合があり、インタースティシャルと呼ばれることもあります。

しかし、インタースティシャルをテスト サイトに埋め込もうとすると、iframe が 1x1 のままになり、インタースティシャルが見えなくなります (デバッガーで手動で拡大すると表示されます)。

私の設定：

  • 広告枠のサイズが 1x1 でページ外の広告申込情報
  • コード スニペットを使用したクリエイティブ
  • 広告ユニットはサイズ 1x1 として定義されます

ドキュメントで次のことを読みました。

DoubleClick タグ クリエイティブを使用している場合は、DoubleClick タグの反対側 (つまり、別の DFP ネットワーク) でトラフィッキングされるクリエイティブ コードが、ページ外広告ユニット用に適切にコーディングされていることを確認する必要があります。

DFP のページ外インタースティシャルに関して、広告が「適切にコード化されている」とはどういう意味ですか? インタースティシャルが画面全体のサイズになるように強制するにはどうすればよいですか?

4

3 に答える 3

6

これがあなたが必要としているものかどうかわかりません。私は DFP の経験があまりありませんが、iframe のサイズを手動で管理することで解決した同様の問題に遭遇しました。多分これもあなたを助けることができます。

DFP API には、リッスンできるイベントがあり、広告のレンダリングが完了したことを知ることができます。iframe プロパティを全幅に変更し、プレースメントに適した高さに変更することをお勧めします。

ページに jQuery があると仮定すると、これは非常に簡単に実行できます。DFP プラグイン (呼び出しなど) を設定した後、defineSlot次のようにこのイベントのリスナーを追加できます。

googletag.pubads().addEventListener('slotRenderEnded', function(){
  var $adFrame = $('#id-of-the-iframe');
  $adFrame.css({width: '100%', height: '500px'});
});

これについては、こちらの DFP ドキュメントで概説されています。

お役に立てれば。

編集: 投稿した後、投稿したコード例が DFP GPT ライブラリからのものであることに気付きました。おそらくあなたはこれを使用していません。この SO の質問には、DFP が起動するイベントをリッスンするために誰かが作成したライブラリへのリンクがあります。おそらく、それを使用して、私が説明したテクニックを使用できますか?

繰り返しますが、これが役立つことを願っています:)

于 2015-05-11T20:18:39.950 に答える