Podgląd reklamy lub strony HTML

Aby sprawdzić, jak reklama HTML5 lub strona HTML będzie wyglądała i działała (razem ze wszystkimi zdarzeniami) po opublikowaniu, możesz wyświetlić jej podgląd w przeglądarce.

Reklamy wideo i graficzne

• Opcje podglądu opisane na tej stronie nie są dostępne w przypadku reklam wideo.
• W reklamach graficznych można używać tylko linku do podglądu, który można udostępnić.

Aby wyświetlić podgląd swojej pracy, skorzystaj z jednej z tych metod:

1. Kliknij przycisk Podgląd w prawym górnym rogu okna.
2. Wybierz Plik > Podgląd z górnego menu.
3. Naciśnij Ctrl + Enter (Windows) lub ⌘ + Enter (Mac).

Nie możesz wyświetlić podglądu dokumentu w przeglądarce, otwierając bezpośrednio plik HTML dołączony do plików źródłowych. Zamiast tego skorzystaj z funkcji podglądu Google Web Designera.

Opcje podglądu

Podgląd w przeglądarce

Najszybszym sposobem na wyświetlenie podglądu pracy jest wyświetlenie jej w przeglądarce na komputerze. Za pierwszym razem musisz wybrać przeglądarkę, której chcesz użyć. Kliknięcie przycisku Podgląd będzie domyślnie otwierać wybraną przeglądarkę.

Wybór przeglądarki

Google Web Designer wykrywa zainstalowane przeglądarki. Aby wyświetlić podgląd w określonej przeglądarce, kliknij strzałkę w dół obok przycisku Podgląd, a potem wybierz przeglądarkę z listy. Wybrana przeglądarka będzie traktowana jako domyślna podczas wyświetlania podglądów w przyszłości.

Wybór rozmiarów elastycznych

W przypadku dokumentów elastycznych możesz wybrać rozmiar, którego podgląd chcesz wyświetlić, włączając w panelu Elastyczny rozmiary podglądu.

Tryb podglądu

Google Web Designer oferuje różne tryby podglądu w zależności od typu dokumentu. Opcje trybu podglądu możesz wybrać u góry strony podglądu.

Tabela poniżej zawiera opis trybów podglądu dostępnych w przypadku danego typu dokumentu. Opcje trybu podglądu nie są dostępne dla prostych banerów reklamowych.

Jeśli dokument zawiera komponent Paralaksa, pogląd symuluje wyświetlenie go na mobilnej stronie internetowej w takiej ilości treści, która wystarcza, by przewijać stronę z komponentem.

• Urządzenie – wybierz urządzenie mobilne lub opcję Niestandardowy.
• Obróć urządzenie – wybierz orientację pionową lub poziomą.
• Rozmiar widocznego obszaru – jeśli wybierzesz opcję Niestandardowy w przypadku urządzenia, możesz ustawić nowy rozmiar, edytując to pole lub przeciągając uchwyty rozmiaru.

Reklamy z komponentem Paralaksa wyświetlają się w przeglądarce zawsze w trybie podglądu Paralaksy.

Typ dokumentu	Tryby podglądu
Reklama rozwijana, reklama pełnoekranowa lub strona HTML	Możesz zmienić opcje podglądu dokumentu, by sprawdzić, jak będzie się wyświetlać. Tryb podglądu – wybierz Komputer lub Komórka. Jeśli wybierzesz opcję Komórka, dostępne będą opcje dodatkowe: Urządzenie – wybierz urządzenie mobilne lub opcję Niestandardowy. Obróć urządzenie – wybierz orientację poziomą lub pionową. Rozmiar widocznego obszaru – jeśli wybierzesz opcję Niestandardowy dla urządzenia, możesz ustawić nowy rozmiar, wprowadzając zmiany w tym polu lub przeciągając uchwyty rozmiaru.
Reklama elastyczna	Podgląd pozwala sprawdzić, jak elastyczny dokument będzie się wyświetlać w różnych rozmiarach. Tryb podglądu – wybierz Pojedynczy rozmiar lub Wszystkie rozmiary, by zobaczyć wiele rozmiarów naraz. Lista rozmiarów obejmuje rozmiary typowe dla Twojego środowiska reklamowego oraz wszystkie włączone przez Ciebie dodatkowe rozmiary wyświetlane. Rozmiar niestandardowy – jeśli wybierzesz Pojedynczy rozmiar > Niestandardowy, możesz ustawić nowy rozmiar. W tym celu edytuj to pole, przeciągając uchwyty zmiany rozmiaru podglądu albo klikając szare paski u góry lub po lewej stronie obszaru podglądu.
Reklama dynamiczna	Możesz wyświetlić podgląd reklamy dynamicznej, używając różnych zestawów przykładowych danych. Tryb podglądu – wybierz Pojedynczy rozmiar lub Wszystkie przykładowe dane, by zobaczyć wiele wersji używających różnych przykładowych danych. Przykładowe dane – wybierz przykładowe zbiory danych na potrzeby podglądu.

Chcesz wybrać więcej niż jeden typ dokumentu?

Wybór określonego typu dokumentu spowoduje, że opcje dla innych typów będą niedostępne.

• W przypadku reklam rozwijanych i pełnoekranowych w podglądzie wyświetli się jednocześnie tylko jedna wersja, nawet jeśli są one też elastyczne lub dynamiczne.
• W przypadku dokumentów, które są zarówno elastyczne, jak i dynamiczne (i nie są to reklamy rozwijane ani pełnoekranowe), można jednocześnie wyświetlić podgląd wielu rozmiarów lub wielu przykładowych danych (ale nie oba te podglądy jednocześnie).

Odświeżanie podglądu

Aby zresetować podgląd reklamy lub strony HTML do stanu początkowego, kliknij przycisk Wczytaj ponownie po prawej stronie paska podglądu.

Jeśli wyświetlasz podgląd wielu wersji reklamy elastycznej lub dynamicznej, możesz kliknąć Wczytaj ponownie poniżej wybranej wersji.

Udostępnianie linku do podglądu lub podglądu na urządzeniu mobilnym

W menu przycisku podglądu kliknij Pobierz link do udostępniania , aby wygenerować kod QR i adres URL podglądu. Musisz zalogować się na swoje konto Google.

• Zeskanuj kod QR swoim urządzeniem mobilnym, aby otworzyć stronę internetową, na której wyświetla się Twoja reklama.
• Kliknij Kopiuj link, aby udostępnić innym adres URL strony, co pozwoli im wyświetlić podgląd reklamy w przeglądarce.

Przy pierwszym tworzeniu linku do udostępniania pokaże się prośba o przyznanie Google Web Designerowi uprawnienia do wyświetlania podglądu kreacji displayowych na urządzenia mobilne.

Jeśli pojawi się błąd, być może trzeba będzie wylogować się z konta w aplikacji Google Web Designer (wybierz e-mail logowania z górnego menu), a następnie zalogować się i zaznaczyć Podgląd kreacji displayowych na komórki na liście opcji.

Uwaga: ta opcja podglądu jest dostępna tylko w przypadku reklam działających w środowisku reklamowym usług Display & Video 360, Google Ads i AdMob. Reklamy AMP HTML ani reklamy rozwijane do rozmiaru niestandardowego nie są obsługiwane.

Ograniczenia niektórych typów reklam

Reklamy elastyczne: jeśli reklama jest elastyczna, musisz wybrać konkretny rozmiar podglądu. W przypadku reklam graficznych o wielu rozmiarach możesz wybrać kilka rozmiarów.

Reklamy dynamiczne: reklamy dynamiczne HTML5 wyświetlają tylko elementy zastępcze. Obecnie nie da się udostępnić podglądu reklamy HTML5 z przykładowymi danymi ani danymi z pliku danych. W przypadku reklam graficznych z wariantami w podglądzie możesz uwzględnić wiele wariantów.

Omówienie linku do udostępniania i funkcji podglądu na urządzeniach mobilnych

Wyświetlanie podglądu zmian

Wygenerowany podgląd nie będzie się zmieniać, więc nie odzwierciedli późniejszych zmian wprowadzonych w dokumencie ani w przykładowych danych, nawet jeśli ponownie wczytasz podgląd lub odświeżysz stronę. Aby zobaczyć zmiany, otwórz nowy podgląd.