Po zdefiniowaniu ustawień reklamy natywnej możesz określić styl reklamy natywnej. W tym artykule opisujemy wymagane i opcjonalne ustawienia, które należy skonfigurować.
Określ styl reklamy natywnej, korzystając z tych rozwiązań:
Edytor pomagający w projektowaniu
Gdy tworzysz styl natywny za pomocą Edytora pomagającego w projektowaniu, możesz użyć tych ustawień, aby dostosować styl reklamy natywnej do wyglądu i stylu witryny lub aplikacji. Wprowadzane przez Ciebie zmiany są stosowane automatycznie w podglądzie reklamy, co umożliwia eksperymentowanie.
Wskazówki dotyczące korzystania z Edytora pomagającego w projektowaniu
Wyświetl podgląd rozmiaru
Gdy tworzysz styl o rozmiarze „Elastyczny”, możesz zmienić ustawienie „Szerokość podglądu”, aby zobaczyć, jak reklama będzie wyglądać na ekranach różnych rozmiarów. Możesz też ręcznie zmienić szerokość, korzystając z niebieskiego paska obok podglądu. Wysokość jest aktualizowana automatycznie.
Zmiana kolejności elementów
Kliknij Zmień kolejność elementów, aby wyświetlić lub ukryć elementy na poszczególnych kartach na panelu po prawej stronie i zmienić ich kolejność. Możesz na przykład przenieść wezwania do działania nad nazwę reklamodawcy i usunąć jego logo.
Panel „Ustal styl reklamy natywnej”
W panelu „Ustal styl reklamy natywnej” możesz wybrać ustawienia odpowiadające Twoim potrzebom. Jeśli np. rozwijasz sekcję „Tytuł”, możesz określić, czy tytuł lub nagłówek reklamy ma mieć maksymalnie 30 znaków (krótki) czy 90 znaków (długi).
- Archivo
- Arial
- Arimo
- Bitter
- Comic Sans
- EB Garamond
- Geneva
- Georgia
- Helvetica
- Lato
- Libre Baskerville
- Libre Franklin
- Lora
- Merriweather
- Montserrat
- Mukta
- Muli
- Nunito
- Open Sans
- Open Sans Condensed
- Oswald
- Playfair Display
- Poppins
- Raleway
- Roboto
- Roboto Condensed
- Roboto Slab
- Slabo 27px
- Source Sans Pro
- Times New Roman
- Trebuchet
- Ubuntu
- Verdana
- Volkhov
Dostosuj w edytorze CSS
- Gdy zaczniesz to robić, nie będzie można wprowadzać dodatkowych zmian za pomocą elementów interfejsu.
- Jeśli podczas edytowania kodu CSS wprowadzisz błędy naruszające zasady, danego stylu nie będzie można sprzedawać na aukcjach w Ad Exchange, ale nadal będzie kwalifikował się on do sprzedaży w ramach gwarantowanej automatyzacji.
- Edytor pomagający w projektowaniu nie umożliwia edytowania kodu HTML. Aby bardziej dostosować reklamę, możesz wybrać opcję Edytor HTML i CSS. W takim przypadku nie będzie jednak można korzystać z automatyzacji.
Aby bezpośrednio edytować kod CSS, włącz opcję Dostosuj w edytorze CSS.
Jeśli edytujesz kod CSS, kliknij Weryfikuj, aby upewnić się, że styl jest zgodny z zasadami Ad Exchange.
HTML i CSS
Jeśli wybierzesz opcję „Edytor HTML i CSS”, aby utworzyć styl natywny, użyj stylów HTML i CSS, aby dostosować styl reklamy natywnej do wyglądu i sposobu działania witryny lub aplikacji. Wprowadzane przez Ciebie zmiany będą automatycznie stosowane do podglądu reklamy widocznego na tej stronie, co pozwoli Ci na eksperymentowanie.
Wskazówki dotyczące korzystania z Edytora HTML i CSS
Wyświetl podgląd rozmiaru
Gdy tworzysz styl o rozmiarze „Elastyczny”, możesz zmienić ustawienie „Szerokość podglądu”, aby zobaczyć, jak reklama będzie wyglądać na ekranach różnych rozmiarów. Możesz też ręcznie zmienić szerokość, korzystając z niebieskiego paska obok podglądu. Wysokość jest aktualizowana automatycznie.
Typ renderowania
Określ, czy chcesz utworzyć reklamy natywne zoptymalizowane pod kątem przyspieszonych stron mobilnych (AMP). Pamiętaj, że jeśli w ustawieniach reklamy wybierzesz rozmiar „Elastyczny”, nie możesz wybrać innego ustawienia niż domyślne, czyli „Standardowe”.
- Standardowe: reklamy natywne będą działać na stronach na komputery oraz na stronach mobilnych, a także w aplikacjach mobilnych. Reklamy natywne będą też działać na stronach AMP, ale wolniej niż po wybraniu opcji AMP.
- AMP: takie reklamy są specjalnie opracowane, aby ładowały się szybciej na stronach AMP, ale wyświetlają się też na zwykłych stronach.
- Standardowe i AMP: dodaj oddzielny kod, aby utworzyć obie wersje reklamy natywnej. Ad Manager będzie wyświetlać wersję AMP na stronach AMP, a standardową na zwykłych stronach. Dowiedz się więcej o używaniu kodów towarzyszących kreacji na potrzeby dodawania fragmentów kodu do reklamy.
Panel „Ustal styl reklamy natywnej”
W panelu po prawej stronie możesz przełączać się między HTML oraz CSS i odpowiednio wprowadzać zmiany. Więcej informacji o dodawaniu kodu do reklam natywnych.
Dodawanie do kodu HTML „własnego uniwersalnego linku” na iOS
Własny uniwersalny link to uniwersalny link iOS używany do wskazywania konkretnego miejsca w aplikacji na iOS. Aby użyć własnego uniwersalnego linku w kreacji natywnej, dodaj do jej kodu HTML makro %%ONE_CLICK_HANDLER_TARGET%%, jak w tym przykładzie:
Następny krok
Po zakończeniu konfigurowania stylu kliknij jedną z 2 opcji, aby zapisać zmiany:
- Opcja Zapisz i aktywuj zmienia stan stylu na „Aktywny” i umożliwia wyświetlanie reklam.
- Opcja Zapisz zmienia stan na „Nieaktywny” i nie pozwala jeszcze na wyświetlanie reklam. Aby aktywować je później, otwórz tabelę zapisanych stylów natywnych, wybierz styl i kliknij Aktywuj.
Aby użyć stylu natywnego utworzonego na potrzeby konkretnego elementu zamówienia, wykonaj czynności opisane tutaj.
