Korzystanie ze stron AMP na stronach docelowych Google Ads

Szybsze strony docelowe zwykle prowadzą do większej liczby konwersji, a AMP to świetny sposób na tworzenie atrakcyjnych stron docelowych Google Ads, które wczytują się szybciej. Na stronie amp.dev programiści stron internetowych znajdą zasoby potrzebne do tworzenia atrakcyjnych i wydajnych stron. Z tego szczegółowego przewodnika dowiesz się, jak używać Google Ads i innych technologii reklamowych na stronach AMP.

Krok 1. Utwórz i zweryfikuj strony AMP

Tworzenie stron AMP

Aby dowiedzieć się, jak utworzyć podstawową stronę AMP, zacznij od samouczka Utwórz swoją pierwszą stronę AMP w ramach projektu AMP. Aby uzyskać bardziej szczegółowe instrukcje, zapoznaj się z samouczkami Konwertowanie kodu HTML na AMP i Dodawanie zaawansowanych funkcji AMP. Przykładowy kod i szablony komponentów AMP znajdziesz na stronach Przykłady witryn AMP i Szablony AMP.

Poniżej znajdziesz listę niektórych komponentów używanych na stronach AMP. Pełną listę komponentów znajdziesz w dokumentacji.

  • amp-bind: dodawanie niestandardowych interaktywnych elementów stanowych na podstawie zdarzeń podobnych do JavaScriptu.
  • amp-form: twórz strony docelowe, które wymagają danych wejściowych od użytkownika.
  • amp-list: dynamicznie pobiera zawartość z punktu końcowego CORS JSON.
  • amp-carousel: karuzela obrazów do przewijania galerii obrazów.
  • amp-lightbox: wyświetla komponent na pełnym ekranie, gdy użytkownik wejdzie z nim w interakcję.
  • amp-call-tracking: dynamicznie zastępuje numer telefonu w hiperlinku na potrzeby śledzenia konwersji telefonicznych.
  • amp-mustache: umożliwia renderowanie za pomocą Mustache.js.
  • amp-date-picker: udostępnia widżet do wybierania dat. Selektor daty może być wyświetlany jako nakładka względem pól do wprowadzania danych lub jako statyczny widżet kalendarza.

Sprawdzanie poprawności stron AMP

Podczas tworzenia stron AMP sprawdzaj, czy są one zgodne ze specyfikacją AMP. AMP oferuje kilka metod weryfikacji. Najczęstszym sposobem weryfikacji strony AMP jest użycie walidatora stron AMP lub testu AMP w Search Console. Możesz też użyć rozszerzenia do Chrome AMP Validator i konsoli programisty lub zintegrować moduł npm amphtml-validator w swojej kompilacji.

Aby uzyskać pomoc dotyczącą testowania AMP, odwiedź stronę pomocy AMP.

Krok 2. Skonfiguruj strony AMP na potrzeby śledzenia konwersji i statystyk

Do śledzenia konwersji z reklam Google Ads używaj komponentu amp-analytics. Aby dowiedzieć się, jak to zrobić, wykonaj czynności opisane w artykule Konfigurowanie pomiaru konwersji Google Ads na stronach docelowych AMP.

Google Analytics

Google Analytics to jedno z rozwiązań analitycznych obsługiwanych przez amp-analytics. Aby umożliwić ujednolicenie sesji na stronach AMP i stronach innych niż AMP, wykonaj czynności opisane w artykule Konfigurowanie ujednolicenia sesji Google Analytics w przypadku stron AMP.

Menedżer tagów Google

Komponent amp-analytics ma wbudowaną obsługę Menedżera tagów Google. Oprócz konwersji z reklam Google Ads możesz używać Menedżera tagów Google do dodawania remarketingu, Floodlight i podobnych usług pomiarowych. Zobacz pełną listę zgodnych tagów.

Adobe Analytics

Adobe Analytics oferuje 2 metody wdrażania rozwiązania do śledzenia skuteczności witryny za pomocą komponentu amp-analytics: iframe (adobeanalytics_nativeConfig) i bez iframe (adobeanalytics). Informacje o zaletach, wadach i szczegółach wdrożenia każdego z tych podejść znajdziesz w dokumentacji Adobe Analytics dotyczącej AMP.

Do śledzenia działań i zdarzeń użytkowników możesz używać komponentu amp-analytics. AMP Analytics jest natywnie obsługiwana przez ponad 40 dostawców usług analitycznych. Platforma jest elastyczna i umożliwia pomiary oraz wywoływanie adresów URL za pomocą konfiguracji niestandardowych, aby wysyłać informacje analityczne na własne serwery lub do dostawców, którzy nie obsługują natywnie AMP. Jeśli używasz technologii, która nie jest obsługiwana, poproś dostawcę o dodanie obsługi.

AMP Analytics umożliwia też elastyczne zastępowanie zmiennych. Szczegółowe informacje znajdziesz w dokumentacji dotyczącej zastępowania zmiennych.

Krok 3. Włącz wyświetlanie stron AMP w interfejsie Google Ads

Strony AMP w wyszukiwarce Google są wykrywane automatycznie za pomocą linku z Twoich stron, ale reklamodawcy muszą wyraźnie podać adres URL strony AMP w Google Ads. Szczegółowe informacje o konfigurowaniu adresów URL stron AMP w interfejsie Google Ads znajdziesz w artykule Jak używać stron AMP w połączeniu z Google Ads.

Jeśli chcesz kierować ruch z Google Ads na stronę docelową AMP, ale nie chcesz, aby pojawiała się ona w bezpłatnych wynikach wyszukiwania, dodaj dyrektywy Disallow dla odpowiednich stron AMP do pliku robots.txt, tak jak w przypadku zwykłej strony internetowej.

Jeśli zauważysz, że w AMP brakuje jakiejś funkcji, możesz ją dodać lub poprosić o jej dodanie, zgłaszając problem na GitHubie.