Korzystanie ze stron AMP na stronach docelowych Google Ads

Szybsze strony docelowe zazwyczaj przekładają się na większą liczbę konwersji, a technologia AMP to świetny sposób na tworzenie atrakcyjnych stron docelowych Google Ads , które ładują się szybciej. amp.dev udostępnia programistom internetowym zasoby potrzebne do tworzenia atrakcyjnych i wydajnych stron. Z tego przewodnika dowiesz się, jak używać Google Ads i innych technologii reklamowych na stronach AMP.

Krok 1. Tworzenie i weryfikowanie stron AMP

Tworzenie stron AMP

Aby dowiedzieć się, jak utworzyć podstawową stronę AMP, zacznij od samouczka Tworzenie pierwszej strony AMP w ramach projektu AMP. Aby uzyskać bardziej praktyczne wskazówki, wykonaj samouczki Konwertowanie HTML na AMP i Dodawanie zaawansowanych funkcji AMP. Przykładowy kod i szablony komponentów AMP znajdziesz w sekcjach Przykłady witryn AMP i Szablony AMP.

Poniższa lista zawiera opis niektórych komponentów używanych na stronach AMP. Pełną listę komponentów znajdziesz tutaj.

  • amp-bind: dodawanie niestandardowych interakcji z zachowaniem stanu na podstawie zdarzeń podobnych do JavaScript.
  • amp-form: tworzenie stron docelowych, które wymagają danych od użytkownika.
  • amp-list: dynamiczne pobieranie treści z punktu końcowego CORS JSON.
  • amp-carousel: Karuzela obrazów do przewijania galerii obrazów.
  • amp-lightbox: wyświetlanie komponentu na pełnym ekranie po wejściu z nim w interakcję.
  • amp-call-tracking dynamiczne zastępowanie numeru 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 dat może być renderowany jako nakładka względem pól wejściowych lub jako statyczny widżet kalendarza.

Weryfikowanie stron AMP

Podczas tworzenia stron AMP warto sprawdzić, czy są one prawidłowe. AMP oferuje kilka różnych metod weryfikacji dokumentów. Najczęstszym sposobem weryfikacji strony AMP jest użycie narzędzia do sprawdzania stron internetowych lub narzędzia do sprawdzania stron internetowych w Narzędziach Google dla webmasterów. Możesz też użyć wtyczki do przeglądarki Chrome browser plugin i konsoli dla programistów lub zintegrować moduł amphtml-validator npm module z kompilacją.

Możesz też użyć AMPBench, czyli aplikacji i usługi internetowej typu open source, która umożliwia weryfikowanie i debugowanie problemów związanych z wdrażaniem stron AMP.

Aby uzyskać pomoc dotyczącą testowania AMP, wejdź na stronę Getting Support w witrynie projektu AMP.

Krok 2. Konfigurowanie AMP na potrzeby śledzenia konwersji i analizy

Do śledzenia konwersji Google Ads użyj komponentu amp-analytics. Aby dowiedzieć się, jak to skonfigurować, 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 włączyć ujednolicanie sesji na stronach AMP i innych, 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 Google Ads możesz używać Menedżera tagów Google do dodawania remarketingu, DoubleClick Floodlight, Google Universal Analytics i podobnych usług pomiarowych. Zapoznaj się z pełną listą kompatybilnych tagów.

Adobe Analytics (wcześniej Omniture)

Adobe Analytics oferuje 2 metody implementacji rozwiązania do śledzenia wydajności witryny za pomocą komponentu amp-analytics: implementację iframe (adobeanalytics_nativeConfig) i implementację non-iframe (adobeanalytics). Dowiedz się więcej o zaletach i wadach oraz szczegółach implementacji każdego podejścia.

Za pomocą komponentu amp-analytics możesz śledzić działania i zdarzenia użytkowników. Tag AMP Analytics ma natywną obsługę ponad 40 dostawców usług analitycznych. Framework jest elastyczny i umożliwia pomiar oraz wywoływanie adresów URL za pomocą niestandardowych konfiguracji , aby wysyłać informacje analityczne na własne serwery lub do dostawców, u których nie jest dostępna natywna obsługa AMP. Jeśli używasz technologii, która nie jest obecnie obsługiwana, poproś dostawcę o dodanie obsługi.

Tag AMP Analytics umożliwia też elastyczne zastępowanie zmiennych. Więcej informacji znajdziesz w dokumentacji zastępowania zmiennych.

Krok 3. Włączanie wyświetlania AMP w interfejsie Google Ads

Strony AMP w wyszukiwarce Google są wykrywane automatycznie za pomocą linku z Twoich stron, ale reklamodawcy muszą wyraźnie wpisać adres URL strony AMP w Google Ads. Więcej informacji o konfigurowaniu adresów URL 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 do pliku robots.txt dyrektywy Disallow dla odpowiednich stron AMP, tak jak w przypadku zwykłej strony internetowej.

Projekt AMP codziennie dodaje nowe funkcje i komponenty. Jeśli zauważysz brakującą funkcję, możesz przesłać prośbę o jej dodanie, otwierając zgłoszenie na GitHubie.