Jak poprawnie napisać jednostkę reklamową poza stroną w DFP?

Question

Rozwijam pełnoekranową reklamę internetową renderowaną przez javascript. Układ jest w pełni responsywny, dlatego zajmie 100% podanego ekranu \ iframe.

Chcę teraz wyświetlić reklamę pełnoekranową przez DFP.

Najpierw utworzyłem jednostkę reklamową o wymiarach (320 x 480) i działało dobrze, ale reklama pełnoekranowa była ograniczona do granic elementu iframe.

Zawiera nowy typ elementu o nazwie Poza stroną nr. Dokumentacja stwierdza, że:

Mogą zawierać pop-upy i elementy pływające o numerze i są czasami nazywane reklamami pełnoekranowymi.

Ale gdy próbuję osadzić pełnoekranową w miejscu testowym, co się dzieje, że iframe pozostaje 1x1, dzięki czemu śródmiąższowe niewidoczny (jeśli ręcznie powiększyć go z debugera, widzę go)

---

Moje ustawienia:

• pozycja linia o wielkości inwentarza 1x1 i od strony
• twórczy z moim fragmencie kodu
• jednostka reklamowa jest zdefiniowany jako rozmiar 1x1

---

czytałem w documentation że:

Jeśli za pomocą Kreacji tagów DoubleClick, musisz upewnić się, że kod kreacji jest traffickowany na drugim końcu tagu DoubleClick (tj. Inna sieć DFP) jest prawidłowo zakodowany dla jednostki reklamy zewnętrznej poza stroną: .

Co to jest, jeśli chodzi o reklamę pełnoekranową poza stroną, że reklama jest "prawidłowo zakodowana"? Jak zmusić reklamę pełnoekranową do wyświetlenia całego rozmiaru ekranu?

Answer 1

Po konsultacji z obsługą DFP, udało mi się utworzyć Out Of strona jednostki śródmiąższowe reklam, wykonując następujące kroki:

1. stworzyć nową jednostkę reklamową, o rozmiarze zasobów reklamowych "Poza stroną"
2. Utwórz nowy element zamówienia i reklamę mobilną z rozmiarem zasobów reklamowych "Poza okresem", ten element zamówienia jest kierowany na poprzednią jednostkę reklamową.

3. Generuj nowe znaczniki w zakładkach Zasoby, wybierz "Włącz żądania synchroniczne" i "Poza stroną" w punkcie 2. "Włącz żądania synchroniczne" wydaje się być kluczem do tego, aby to działało.

   Według Pomocy Google:

   Zwykle zaleca wydawcom wdrożyć Sync GPT gdy służąc z widoku (śródmiąższowego) reklamy jako twórczy renderuje w elemencie zamiast iFrame

4. Umieść ten tag na stronie testowej (z niezbędnymi znacznikami html, head i body) i Voilà!

Answer 2

Nie jestem pewien, czy tego właśnie potrzebujesz, ale nie mam tak dużego doświadczenia z DFP, ale napotkałem podobny problem, który rozwiązałem, ręcznie zarządzając rozmiarem ramki iframe. Może to też może ci pomóc.

Interfejs API DFP zawiera wydarzenie, które można wysłuchać, informując, że reklama zakończyła renderowanie, na podstawie którego proponuję zmienić właściwości elementu iframe na pełną szerokość i dowolną wysokość, która będzie odpowiednia dla miejsca docelowego.

Zakładając, że masz jQuery na swojej stronie, można to zrobić całkiem łatwo. Po skonfigurowaniu wtyczki DFP (wywołanie defineSlot itp.) Można dodać detektor dla tego zdarzenia tak:

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

ta jest opisana w DFP docs here.

Mam nadzieję, że to pomoże.

EDYCJA: Po zaksięgowaniu zdałem sobie sprawę, że opublikowany przeze mnie fragment kodu pochodzi z biblioteki DTP GPT. Być może tego nie używasz. This SO question ma link do biblioteki, którą ktoś utworzył, aby słuchać zdarzeń wywoływanych przez DFP. Być może możesz tego użyć i użyć techniki, którą opisałem?

Again - mam nadzieję, że to pomoże :)