Как правильно написать внестраничный рекламный блок DFP?

Проконсультировавшись со службой поддержки DFP, я смог создать внестраничный межстраничный рекламный блок, выполнив следующие действия:

1. Создайте новый рекламный блок с размером инвентаря "Вне страницы".
2. Создайте новую позицию и мобильное объявление с размером инвентаря "Вне страницы", эта позиция нацелена на бывший рекламный блок.
3. # P2 # # P3 #

   # P4 #

4. Поместите этот тег на тестовую страницу (с необходимыми тегами html, head и body) и Voilà!

Не уверен, что это то, что вам нужно, и у меня не так много опыта работы с 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. . Может быть, вы сможете использовать это и использовать описанную мною технику?

Опять же - надеюсь, это поможет :)

Я только что столкнулся с этим. Похоже, DFP избавился от опции "Включить синхронные запросы". Это никогда не было таким отличным решением (как указывали другие) по нескольким причинам. Во-первых, это не работает, если у вас есть асинхронные запросы на той же странице. А во-вторых, это «блокирует» и замедляет вашу страницу.

Удобный iFrame

Похоже, что сейчас предпочтительным методом является использование «Friendly iFrame». Чтобы использовать удобный iFrame, при настройке объявления в DFP снимите флажок «Показывать в SafeFrame». Теперь DFP покажет ваше объявление в удобном окне iFrame. Дружественный iFrame - это iFrame, обслуживаемый из того же домена, что и родительское окно. Поскольку домены совпадают, правила безопасности браузера позволяют JavaScript в iframe обращаться к родительскому окну (через window.parent.document). Теперь вы можете настроить размер окна iframe, чтобы он отображался в полноэкранном режиме. Для этого добавьте в свой рекламный код что-то вроде следующего:

window.parent.document.getElementById(window.name).style.cssText = "position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; margin: 0;";

Если у вашего объявления есть способ закрыть само себя, не забудьте также сжать Friendly iFrame обратно при закрытии (в противном случае расширенный Friendly iFrame заблокирует действия мыши на основной странице). Сделать это можно так:

window.parent.document.getElementById(window.name).style.cssText = "position: relative; width: 0px; height: 0px;";

Пара примечаний

По соображениям безопасности, по возможности, SafeFrame является предпочтительным способом показа рекламы. SafeFrame предоставляет API для связи с родительским окном без предоставления полного доступа. SafeFrame включает опцию раскрытия для увеличения размера iFrame, однако реализация SafeFrame в DFP, похоже, не позволяет вам развернуться в полноэкранный режим. По этой причине для межстраничных объявлений лучше всего использовать дружественный iFrame. Вы можете опробовать реализацию SafeFrame в DFP здесь.

Обратите внимание, что вы должны разрешать запускать в Friendly iFrame только тот контент, которому вы полностью доверяете, поскольку он может совершать множество вредоносных действий (например, кража файлов cookie сеанса пользователя и т. Д.).