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

Question

Я разрабатываю javascript-рендеринг мобильного веб-интерстициального. Макет полностью отзывчив, следовательно, он будет принимать 100% предоставленного экрана \ iframe.

Теперь я хочу отображать интерстициальный через DFP.

Сначала я создал рекламный блок размера (320x480), и он работал отлично, но интерстициальный был ограничен границами iframe.

Я создаю новый тип позиции под названием На странице. В документации указано, что:

Они могут включать всплывающие окна и плавающие элементы и иногда называются межстраничными объявлениями.

Но когда я пытаюсь внедрить интерстициальные в тестовом сайте, что происходит, что IFrame остается 1x1, делая интерстициальный невидимым (если я вручную увеличить его с помощью отладчика, я вижу)

---

Мои настройки:

• пункт линия с инвентарных размерами 1x1 и из страницы
• творческий с моей фрагмент кода
• блок объявления определяется размером 1x1

---

Я прочитал в documentation, что:

Если вы с помощью Творческое объявление DoubleClick, вы должны убедиться, что код объявления загружен на другом конце тега DoubleClick (т. Е. Другая сеть DFP) правильно закодирована для дополнительного рекламного блока .

Что это означает, что с точки зрения межстранового размещения DFP на странице, что объявление «правильно закодировано»? Как заставить interstitial взять все размеры экрана?

Answer 1

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

1. Создать новый рекламный блок, с размером инвентаря «Из страницы»
2. Создайте новую позицию и мобильное объявление с размером инвентаря «Из страницы», эта позиция предназначена для прежнего рекламного блока.

3. Создайте новые теги под вкладками «Ресурсы», выбрав «Включить синхронные запросы» и «Из страницы» на шаге 2. «Включить синхронные запросы», по-видимому, является ключом для выполнения этой работы.

   Согласно поддержке Google:

   Мы обычно рекомендуем издатель реализовать синхронизацию GPT при обслуживании вне страницы (интерстициальный) объявлений, как объявление отображается в элементе вместо плавающего фрейма

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

Answer 2

Не уверен, что это то, что вам нужно, и у меня нет такого большого опыта работы с 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 документации here.

Надеюсь, что это поможет.

EDIT: после публикации я понял, что пример кода, который я опубликовал, из библиотеки DFP GPT. Возможно, вы не используете это. This SO question имеет ссылку на библиотеку, которую кто-то создал для прослушивания событий, которые запускает DFP. Возможно, вы можете использовать это и использовать технику, которую я описал?

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