AMP

Wprowadzenie do reklam AMPHTML

Important: this documentation is not applicable to your currently selected format stories!

Co to jest reklama AMPHTML?

Reklamy AMPHTML to szybszy, wymagający przesyłania mniejszej ilości danych i bezpieczniejszy sposób serwowania reklam w sieci. Chociaż strony AMP obsługują tradycyjne reklamy HTML, ładowanie tych reklam może być powolne. Aby reklamy były równie szybkie, jak reszta strony AMP, możesz tworzyć reklamy w AMPHTML. Reklamy AMPHTML są dostarczane dopiero po walidacji zapewniającej, że są bezpieczne i wydajne. Przede wszystkim reklamy te można dostarczać w dowolnym miejscu w sieci, a nie tylko na stronach AMP.

Reklamy AMPHTML są napisane w AMP HTML zgodnie ze specyfikacją reklam AMPHTML (odmianie AMP HTML + CSS). Oznacza to, że reklamy nie mają już możliwości uruchamiania dowolnego kodu JavaScript, co tradycyjnie jest główną przyczyną słabej wydajności reklam. Dlatego też, podobnie jak w przypadku podstawowego kodu AMP, podstawowy kod JavaScript reklam jest wbudowany bezpośrednio w projekt AMP Open Source, co gwarantuje prawidłowy sposób działania reklam.

Korzyści

Dlaczego reklamy AMPHTML są lepsze od reklam tradycyjnych?

  1. Działają szybsze: reklamy w formacie AMPHTML są szybsze, ponieważ są żądane wcześniej w procesie renderowania strony i są wyświetlane tuż przed dojściem do reklamy przez użytkownika. Mniejszy rozmiar pliku reklam AMPHTML również zwiększa szybkość.
  2. Mają mniejsze rozmiary: reklamy AMPHTML wykorzystują wspólnie powszechnie stosowane funkcje reklam, co zmniejsza rozmiar pliku reklamy. Reklamy AMPHTML również zużywają mniej zasobów po znalezieniu się na stronie. Na przykład, zamiast 10 trackerów żądających własnych informacji w zwykłych reklamach, reklamy AMPHTML zbierają wszystkie dane raz i rozsyłają je do dowolnej liczby zainteresowanych trackerów.
  3. Są koordynowane: na stronach AMP środowisko uruchomieniowe AMP może koordynować ograniczone zasoby telefonu komórkowego, kierując je do odpowiedniego składnika we właściwym czasie, aby zapewnić największy komfort użytkownikowi. Na przykład reklamy AMPHTML z animacjami są wstrzymywane, gdy nie znajdują się w bieżącym okienku na ekranie.
  4. Są bardziej angażujące: użytkownicy nie mogą się angażować w reklamy, których nie widzą. Szybsze reklamy prowadzą do większej widoczności, a co za tym idzie, wyższego wskaźnika klikalności, co ostatecznie prowadzi do lepszych wyników reklamy.
  5. Są zabezpieczone przed złośliwym oprogramowaniem: nie można rozpowszechniać złośliwego oprogramowania za pomocą reklam AMPHTML, ponieważ reklamy są weryfikowane przed ich zaserwowaniem. Dzięki temu reklamodawcy mogą zapewnić bezpieczną obsługę użytkownika i pozytywne postrzeganie marki.
  6. Są elastyczniejsze: reklamy AMPHTML są przeznaczone do działania zarówno na stronach AMP, jak i bez AMP, a także na wszystkich urządzeniach.

Formaty

Reklamy AMPHTML są elastyczne i dynamiczne, dzięki czemu umożliwiają stosowanie wielu formatów kreacji, takich jak karuzela, paralaksa i lightbox, by wymienić tylko kilka. Zacznij od wykorzystania szablonów reklam AMPHTML o otwartym kodzie źródłowym z sekcji Przykłady.

Karuzela Paralaksa wideo Lightbox

Jak działają reklamy AMPHTML

Serving AMPHTML ads to AMP pages
Serwowanie reklam AMPHTML na stronach AMP

  1. Wydawcy wstawiają miejsce na reklamę na stronie AMP za pomocą znacznika amp-ad, określającego sieć reklamową, której chcą używać.
  2. Środowisko uruchomieniowe AMP wysyła żądanie reklamy do określonej sieci reklamowej, aby pobrać tę reklamę. Sieci reklamowe zdolne do obsługi reklam AMPHTML zapewniają implementację Fast Fetch, walidującą i podpisującą kreację.
  3. Sieć reklamowa odpowiada za pomocą reklamy AMPHTML, a środowisko uruchomieniowe AMP renderuje reklamę na stronie AMP.

Do obsługi reklam AMPHTML na stronach bez AMP nie jest potrzebna żadna specjalna integracja. Sprawdź w swojej sieci reklamowej, czy obsługuje ona reklamy AMPHTML.

Serwowanie reklam AMPHTML

Wydawcy

Aby obsługiwać formaty reklam sprzedawanych bezpośrednio w AMPHTML, musisz tworzyć reklamy zgodnie ze specyfikacją reklam AMPHTML i dostarczać je za pomocą serwera reklam, obsługującego serwowanie reklam AMPHTML. Obecnie reklamy w formacie AMPHTML obsługują następujące serwery reklam:

  • DoubleClick for Publishers
  • TripleLift
  • Dianomi
  • Adzerk
  • Google AdSense

Aby dostarczać reklamy AMPHTML poprzez swoje kanały pośrednie (np. wymiany, SSP itd.), należy użyć sieci obsługującej reklamy/serwera reklam z następującej listy.

Agencje kreatywne

Agencje kreatywne muszą tworzyć reklamy zgodnie ze specyfikacją reklam AMPHTML. Inspirację i przykłady można znaleźć w szablonach reklam AMPHTML o otwartym kodzie źródłowym na stronie Przykłady . Można też użyć jednego z poniższych narzędzi do tworzenia reklam AMPHTML:

Sieci reklamowe / serwery reklam

Aby dostarczać reklamy AMPHTML do stron AMP, musisz utworzyć rozszerzenie amp-ad swojej sieci (chyba że już je masz), stosującej implementację żądania reklamy Fast Fetch. Szczegóły znajdują się w artykule Integracja z AMP w celu serwowania wyświetlanych reklam . Należy pamiętać, że do serwowania AMPHTML na strony bez AMP nie jest potrzebna żadna specjalna integracja.

Tworzenie reklam AMPHTML

Od zera: reklamy AMPHTML muszą być zgodne ze specyfikacją reklam AMPHTML. Dema i przykłady można znaleźć w szablonach reklam AMPHTML o otwartym kodzie źródłowym na stronie Przykłady .

{\i1}Przy użyciu narzędzi{\i0}: do tworzenia kreacji AMPHTML możesz użyć dowolnego z poniższych narzędzi:

Walidacja składni reklamy AMPHTML

Po utworzeniu reklamy AMPHTML należy upewnić się, że stosowana jest w niej prawidłowa składnia AMPHTML. Dostępnych jest kilka opcji walidacji reklam AMPHTML, zależnych od używanego środowiska programistycznego:

  • Użyj modułu AMP validator NPM, aby zintegrować walidację ze skryptem CI.
  • Użyj walidatora AMP do testów jednorazowych.
  • Nawiąż współpracę z Cloudflare i użyj punktu końcowego ich publicznego walidatora.

UWAGA — aby móc szybko renderować reklamy AMPHTML na stronach AMP (tzn. stosować rendering preferencyjny w Fast Fetch), składnia musi być prawidłowa. Jeśli składnia nie jest prawidłowa, reklama nadal będzie renderowana, ale nie tak szybko.

Obsługa reklam AMPHTML w RTB

Szczegółowe informacje na temat SSP i giełd reklam, które chcą obsługiwać reklamy AMPHTML w środowisku Real-Time Bidding (RTB) zawiera artykuł Przewodnik implementacji dla giełd reklam RTB.

FAQ

Czy są jakieś próbki reklam AMPHTML?

Tak. Kilka świetnie wyglądających szablonów reklam AMPHTML można znaleźć na stronie Przykłady. Próbki te używają w AMP składników zaawansowanych.

Czy reklamy AMPHTML obsługują weryfikację stron trzecich i wykrywanie widoczności?

Tak, dostępna jest natywna obsługa weryfikacji i wykrywania widoczności za pomocą składnika amp-analytics (np. w ten sposób integruje się usługę Google ActiveView). Są również inni dostawcy, tacy jak MOAT, którzy aktywnie wdrażają taką obsługę.

Czy reklamy AMPHTML obsługują animacje oparte na osi czasu?

Tak. Patrz amp-animation.

Większość reklam ma wybierane dotknięciem cele i konfigurowalne wyjścia z reklam. Czy reklamy AMPHTML mają podobny mechanizm?

Tak. Patrz amp-ad-exit.

Nie mogę znaleźć tego, czego potrzebuję, gdzie mogę zadać pytania?

  • Polecamy Stack Overflow jako źródło odpowiedzi na pytania dotyczące AMP; członkowie społeczności AMP Project regularnie monitorują Stack Overflow, więc prawdopodobnie najszybciej otrzymasz tam odpowiedzi na swoje pytania.
  • Dołącz do kanału Slack #a4a-discuss, aby znajdować rozwiązania i odpowiedzi.
  • Jeśli napotkasz błąd w AMP lub masz propozycję funkcji AMP, zobacz artykuł Zgłaszanie problemów z AMP w celu uzyskania informacji o zgłaszaniu problemu.