Reklamy towarzyszące w odtwarzaczach wideo i audio

Uwaga: reklamy towarzyszące stanowią uzupełnienie głównej reklamy wideo lub audio. Aby wyświetlać kreacje towarzyszące, skonfiguruj odpowiednio element zamówienia, witrynę i odtwarzacz. #companion #master

Przejdź do: Typy kreacji towarzyszących | configurations | Metody GPT

Reklamy towarzyszące umożliwiają wyświetlanie reklam jednocześnie w boksach reklam displayowych i odtwarzaczach wideo lub audio. Ich wyświetlanie jest zawsze związane z reklamą nadrzędną.

• Kreacje VAST mogą mieć maksymalnie 6 powiązanych ze sobą reklam displayowych.
• Etykiety mogą zapobiegać jednoczesnemu wyświetlaniu reklam pochodzących od konkurujących reklamodawców.
• Jeśli odpowiedź VAST zawiera mniej reklam towarzyszących od liczby boksów na reklamy displayowe zdefiniowanych na stronie, można skorzystać z reklam zapasowych z sieci wydawcy.

Gdy reklama nadrzędna jest odtwarzana automatycznie, reklamy towarzyszące wczytują się zaraz po rozpoczęciu jej odtwarzania, więc obie reklamy ładują się równocześnie. Jeśli odtworzenie reklamy nadrzędnej wymaga działania użytkownika (jak ma to miejsce np. w przypadku reklam typu „kliknij, aby odtworzyć”), zanim użytkownik kliknie reklamę nadrzędną, w boksie reklamy towarzyszącej może wczytać się zwykła reklama (nie towarzysząca). Po kliknięciu i rozpoczęciu odtwarzania reklamy nadrzędnej zwykła reklama ustępuje miejsca towarzyszącej.

Reklama towarzysząca o rozmiarze elastycznym zajmuje ten sam procent miejsca niezależnie od rozmiaru ekranu. Dzięki temu może zająć cały ekran.

Pakiet IMA SDK obsługuje elastyczne reklamy towarzyszące. Zapoznaj się z przewodnikami po implementacji reklam towarzyszących w przypadku pakietu HTML5, iOS i Android.

• W przypadku towarzyszących reklam wideo nie są obsługiwane reklamy elastyczne.
• Technologia DAI firmy Google obsługuje reklamy towarzyszące tylko na platformie HTML5 z wykorzystaniem interfejsu Ads API.
• IMA SDK nie obsługuje w towarzyszących reklamach wideo funkcji „Kliknij, aby połączyć”.

Dostępne typy kreacji towarzyszących

Jeśli Twoja kreacja VAST zawiera kreacje towarzyszące, możesz użyć dowolnych z tych ich typów:

• Kreacja graficzna – standardowe obrazy lub adresy URL kreacji na serwerach reklamowych firm zewnętrznych.
• Tag Campaign Managera 360 – przekierowania wygenerowane przez Campaign Managera 360.
• Kreacja firmy zewnętrznej – kod z serwerów reklamowych firm zewnętrznych.
• Kreacja niestandardowa – własny kod do tworzenia atrakcyjnych reklam.
• Kreacja natywna ^(Beta)  – standardowe lub niestandardowe formaty natywne^{1, 2}.
• Standardowe lub niestandardowe szablony kreacji – szablony, które mogą wymagać podania informacji lub przesłania plików.

---

¹ Formaty natywne są obsługiwane w kampaniach z rezerwacją i w kampaniach z gwarantowaną automatyzacją, w których źródłem kreacji jest wydawca, gdy używaną metodą wyświetlania są style natywne.

² Formaty z natywnymi kreacjami wideo nie mogą być używane jako towarzyszące.

Konfiguracje reklam towarzyszących

Aby można było wyświetlać kreacje towarzyszące, element zamówienia, witryna i odtwarzacz muszą być odpowiednio skonfigurowane.

• Po dodaniu elementu zamówienia określ rozmiar oczekiwanych kreacji jako rozmiar nadrzędnej reklamy wideo lub audio i uwzględnij rozmiary reklam towarzyszących. Następnie podczas trafikowania kreacji wideo lub audio możesz uwzględnić kreacje towarzyszące w dozwolonych przez siebie rozmiarach.
• Boksy reklam displayowych powinny być zdefiniowane przy użyciu tagów GPT określających zachowanie reklam towarzyszących.
• Odtwarzacz korzystający z pakietu IMA SDK w żądaniu reklamy powinien ustawić rozmiary kreacji towarzyszących w parametrze ciu_szs.
• Jeśli odtwarzacz znajduje się w elemencie iframe, musisz na stronie HTML uwzględnić skrypt proxy GPT.

W szczegółach dotyczących implementacji znajdziesz informacje o używaniu reklam towarzyszących z tagami wydawcy Google. Jeśli nie korzystasz z biblioteki GPT, Twoi programiści mogą być w stanie zaimplementować obsługę reklam towarzyszących za pomocą interfejsu API reklam. Dalsza część tego artykułu opisuje jednak funkcje GPT.

Metody GPT, które obsługują reklamy towarzyszące

JavaScript GPT	Przykład kodu w sekcji <head> strony internetowej
companionAds() Usługa companionAds() deklaruje, że boks reklamowy może wczytać reklamę displayową, ale powinna ona ustąpić miejsca reklamie towarzyszącej, jeśli taka jest dostępna dla reklamy VAST wyświetlanej w odtwarzaczu na tej samej stronie.	googletag.defineSlot(   '/1234/vid-parent/child-ad-unit',   [300, 250], 'div1') .addService(googletag.companionAds()) .addService(googletag.pubads());
setRefreshUnfilledSlots() Metoda setRefreshUnfilledSlots() z parametrem o wartości „true” wysyła żądanie automatycznego wypełnienia pustych boksów towarzyszących reklamami zapasowymi.	googletag.companionAds().   setRefreshUnfilledSlots(true);
enableVideoAds() Metoda enableVideoAds() zapewnia używanie tego samego korelatora przez wywołanie GPT i wywołania reklam IMA SDK. Umożliwia to działanie wykluczeń konkurencji z reklamami wideo i displayowymi.	googletag.pubads().   enableVideoAds();
disableInitialLoad() Opcjonalna metoda do wykorzystania z reklamami wideo i audio, które są odtwarzane automatycznie. Pomaga uniknąć sytuacji, w której reklama displayowa jest ładowana w jednostce reklamowej, ale pojawia się tylko na kilka sekund, a następnie zostaje zastąpiona reklamą towarzyszącą. Dla porównania w reklamach typu „kliknij, aby odtworzyć” nie trzeba dezaktywować wstępnego ładowania, ponieważ reklama displayowa powinna być wyświetlana, dopóki użytkownik nie kliknie przycisku odtwarzania, ładując w ten sposób reklamę towarzyszącą.	googletag.pubads().   disableInitialLoad();

 

Przykładowy kod GPT uwzględniający towarzyszące reklamy displayowe

Kod w sekcji <head> może mieć postać:

<script type='text/javascript'>
   window.googletag = window.googletag || {cmd: []};
   (function() {
      var gads = document.createElement('script');
      gads.async = true; gads.type = 'text/javascript';
      gads.src = 'http://securepubads.g.doubleclick.net/tag/js/gpt.js';
      var node = document.getElementsByTagName('script')[0];
      node.parentNode.insertBefore(gads, node); })();
</script>

<script type='text/javascript'>
   googletag.cmd.push(function() {
     // ↓ ustaw odpowiednio do jednostek reklamowych i rozmiarów w Twojej witrynie
     googletag.defineSlot('/12345/path/to/adunit', [300, 250], 'div1').addService(googletag.companionAds()).addService(googletag.pubads());
    googletag.defineSlot('/12345/path/to/adunit', [160, 600], 'div2').addService(googletag.companionAds()).addService(googletag.pubads()); 
    googletag.defineSlot('/12345/path/to/adunit', [728, 90], 'div3').addService(googletag.companionAds()).addService(googletag.pubads());

   googletag.companionAds().setRefreshUnfilledSlots(true);
     googletag.pubads().enableVideoAds();
     // ↓ potrzebne tylko na stronach z reklamami wideo odtwarzanymi automatycznie
     googletag.pubads().disableInitialLoad();
     googletag.enableServices();
   });
</script>

 

Natomiast kod sekcji <body> może mieć taką postać:

<div id='div1' style='width:300px; min-height:250px;'>
   <script type='text/javascript'>
      googletag.cmd.push(function() { googletag.display('ad-div-1'); });
   </script>
</div>

<div id='div2' style='width:160px; min-height:600px;'>
   <script type='text/javascript'>
      googletag.cmd.push(function() { googletag.display('ad-div-2'); });
   </script>
</div>

<div id='div3' style='width:728px; min-height:90px;'>
   <script type='text/javascript'>
      googletag.cmd.push(function() { googletag.display('ad-div-3'); });
   </script>
</div>

Użycie właściwości min-height jest preferowane w stosunku do użycia właściwości height, aby zarezerwować minimalną ilość miejsca na stronie na boks reklamowy, a jednocześnie umożliwić wyświetlanie większych reklam.