Reklama w relacjach internetowych

Relacje internetowe to interaktywne pełnoekranowe materiały, angażujące czytelników w treść. Reklama przy użyciu relacji AMP pozwala na bezproblemową i niezakłóconą integrację ze sposobem przeglądania witryn przez użytkownika, dzięki czemu użytkownik pozostaje zaangażowany i zachwycony platformą.

Rozmieszczenie reklam

W odróżnieniu od stron internetowych AMP, na których ilość i umiejscowienie reklam projektuje się przez umieszczenie wielu składników amp-ad, w przypadku relacji internetowych wystarczy jeden składnik amp-story-auto-ads, aby zadecydować o ilości i rozmieszczeniu reklam.

Rozszerzenie amp-story-auto-ads jest otoką składnika amp-ad, dynamicznie wstawiającą jedną lub kilka reklam, gdy użytkownik konsumuje treść relacji. Aby zapewnić użytkownikowi najlepsze wrażenia:

1. Reklamy są wstępnie renderowane do czasu wykonania relacji internetowych, a następnie wstawiane. Gwarantuje to, że użytkownicy nigdy nie zostaną wyświetlone puste lub niezaładowane reklamy.

2. Gęstość reklam jest optymalizowana w stosunku do treści, aby zapobiec przesyceniu. Rozszerzenie amp-story-auto-ads decyduje, kiedy i gdzie wstawiać reklamy w miarę postępów użytkownika.

Środowisko uruchomieniowe AMP generuje wywołanie reklamy tak wcześnie, jak to możliwe i czasami umieszcza pierwszą po dwóch pierwszych stronach, a nigdy jako ostatnią stronę.

Interakcja z użytkownikiem

Użytkownicy mogą przechodzić między reklamami w taki sam sposób, jak w przypadku zwykłych stron relacji, dotykając dwóch trzecich ekranu po prawej stronie.

Użytkownicy mogą wchodzić w bezpośrednią interakcję z reklamą, dotykając wyrenderowanego przez system przycisku wezwania do działania, wyświetlanego w dolnej jednej trzeciej wszystkich reklam w relacjach AMP. Dotknięcie przycisku może wysłać użytkownika do jednej z następujących lokalizacji, skonfigurowanych przez twórcę reklamy:

• Strony internetowej AMP
• Strony internetowej bez AMP
• Sklepu App Store lub Google Play
• Relacji sponsorowanej

Konfigurowanie

Relacje internetowe nie mogą obsługiwać składnika amp-ad bezpośrednio na stronie. Zamiast tego, wszystkie reklamy są pobierane i wyświetlane przez rozszerzenie amp-story-auto-ads. Składnik amp-story-auto-ads musi zostać umieszczony jako bezpośredni element podrzędny składnika amp-story.

 <amp-story> <amp-story-auto-ads> <script data-md-type="raw_html" type="application/json"><br>{<br>&quot;ad-attributes&quot;: {<br>// ad server configuration<br>}<br>}<br></script> </amp-story-auto-ads> <amp-story-page> ... </amp-story-page></amp-story> 

W przeciwieństwie do zwykłego składnika amp-ad, nie jest wymagany żaden element <fallback> ani <placeholder>, ponieważ reklamy w formacie AMP Story będą wyświetlane dopiero po wyrenderowaniu w całości.

Integracja obsługi serwera reklam

Najprostszym sposobem dodania reklam do relacji AMP jest serwowanie reklam z obsługiwanego serwera reklamowego.

Serwery reklam, które obecnie obsługują reklamy w formacie AMP Story:

• Google Ad Manager (wcześniej DoubleClick)
• MGID

Jeśli prowadzisz serwer reklam i chcesz serwować reklamy fabularne, skontaktuj się z nami, zgłaszając problem w GitHub. Zespół AMP chętnie się z Tobą skontaktuje!

Wydawcy mogą również umieszczać reklamy niestandardowe, jeśli skonfigurują własny serwer reklam. Proces ten szczegółowo opisano tutaj.

Google Ad Manager

Informacje o serwerze reklam są oznaczone w składniku amp-story-auto-ads na początku relacji AMP.

Obiekt konfiguracji JSON należy określić w składniku amp-story-auto-ads, określającym sposób pobierania i wyświetlania reklam. Poniższe pola są wymagane do obsługi i wyświetlania reklam na platformie Google Ad Manager:

• Jako "type" należy podać "doubleclick"
• Element "data-slot" musi być dopasowany do jednostki reklamy

 {amp-story0} {amp-story-auto-ads1} <script data-md-type="raw_html" type="application/json">
{
&amp;quot;ad-attributes&amp;quot;: {
&amp;quot;type&amp;quot;: &amp;quot;doubleclick&amp;quot;,
&amp;quot;data-slot&amp;quot;: &amp;quot;/30497360/a4a/amp_story_dfp_example&amp;quot;
}
}
</script> {/amp-story-auto-ads1} {amp-story-page3} ... {/amp-story-page3}{/amp-story0} 

Te kluczowe pary wartości są kopiowane do elementu amp-ad wygenerowanego dla relacji. Zamiast kolumny additional_data można dodać dodatkowe informacje potrzebne do elementu, takie jak targeting.

 {amp-story0} {amp-story-auto-ads1} <script data-md-type="raw_html" type="application/json">
{
&amp;quot;ad-attributes&amp;quot;: {
&amp;quot;type&amp;quot;: &amp;quot;doubleclick&amp;quot;,
&amp;quot;data-slot&amp;quot;: &amp;quot;/30497360/a4a/amp_story_dfp_example&amp;quot;,
&amp;quot;additional_data&amp;quot;: &amp;quot;additional_data_information&amp;quot;
}
}
</script> {/amp-story-auto-ads1} {amp-story-page3} ... {/amp-story-page3}{/amp-story0} 

• Written by @CrystalOnScript