Sprawdzone metody projektowania kreacji dynamicznych

Projektowanie zasobów kreacji dynamicznej wymaga dodatkowej uwagi i planowania, aby projekt był odpowiednio elastyczny i dostosowany do zmieniających się treści. W tym artykule podajemy porady i wskazówki, jak zaplanować koncepcję dynamiczną. Szczególnie koncentrujemy się na zasobach dynamicznych.

Nawet jeśli w kreacji dynamicznej używasz tylko pól profilu (proste pary klucz-wartość, które w danym momencie mają tylko jedną możliwą wartość), pamiętaj o tych sprawdzonych metodach, bo wartości pól mogą się po jakimś czasie zmienić, gdy zaktualizujesz profil.

Tekst dynamiczny

Elementy tekstowe w reklamie (takie jak nagłówek i wezwanie do działania) zwykle są dynamiczne. Krótko mówiąc, tekst w polach tekstowych w kreacji pojawia się dzięki instrukcjom kodu. Możesz stracić część szczegółowej kontroli nad wyglądem kreacji (np. nad kerningiem). W zamian otrzymujesz dynamiczne pola tekstowe, które pozwalają dostosować tekst do konkretnych odbiorców.

Sprawdzone metody:

• Ogranicz liczbę czcionek. Każda czcionka zwiększa rozmiar pliku o 5–10 KB. W tekście dynamicznym staraj się nie używać więcej niż 2 czcionek. Każdy styl czcionki jest unikalny. Na przykład Arial i Arial Bold to 2 osobne czcionki, które dodają po 5–10 KB (dokładny rozmiar zależy od liczby znaków umieszczonych w pliku).
• Stosuj krótkie nagłówki. Wszystkie nagłówki muszą mieścić się w tym samym obszarze reklamy. Im krótszy nagłówek, tym większy może być tekst, co poprawia widoczność komunikatu. Staraj się wybierać nagłówki, które pasują do wszystkich rozmiarów reklamy. Na przykład długie słowo (takie jak „ekstrawagancki”) może nie mieścić się w wąskiej i wysokiej reklamie 160 x 600. Może wymagać zmniejszenia rozmiaru czcionki.
• Zachowuj zgodną długość tekstu. Wiersze tekstu w każdym polu dynamicznym powinny mieć podobną długość. Każdy wiersz tekstu dynamicznego musi pasować do pola tekstowego utworzonego w reklamie. Jeśli więc pierwotne zasoby mają pole tekstowe zaprojektowane na wiersz z dziesięcioma słowami, a tekst dynamiczny w pliku danych ma wiersze z 20 czy 50 słowami, trudno dopasować go do pola tekstowego bez znacznego zmniejszenia rozmiaru.
• Unikaj mocno stylizowanego tekstu. Aby zwiększyć wrażenia wizualne, projektanci czasami formatują konkretne słowa w nagłówku lub innym miejscu, korzystając z różnych rozmiarów czcionki, kerningu, justowania itp. Tego rodzaju stylizację trudno odtworzyć w tekście dynamicznym. Co ważniejsze, nawet jeśli wybrany styl wygląda dobrze w konkretnym nagłówku reklamy statycznej, nie oznacza to, że sprawdzi się w wielu nagłówkach reklamy dynamicznej.
• Oszczędnie używaj animacji w tekście dynamicznym. Im więcej określonych segmentów nagłówka animujesz osobno, tym trudniej dostosować sekwencję animacji do wszystkich możliwych nagłówków.

• Przetestuj znaki specjalne. Arkusze kalkulacyjne Google pozwalają stosować w reklamach dynamicznych znaki specjalne oraz inne niż łacińskie. Na przykład symbole zastrzeżenia ® lub praw autorskich ©. Kodowanie UTF-8 w arkuszach kalkulacyjnych Google umożliwia stosowanie takich znaków. Z kolei obowiązujące w pliku CSV programu Microsoft Excel kodowanie Latin1 nie dopuszcza znaków innych niż łacińskie. Pamiętaj, aby przed opublikowaniem treści przetestować wyświetlanie wszystkich znaków specjalnych z pliku danych.

  W takich językach jak chiński czy japoński użyj standardowych czcionek systemowych (np. Arial), bo używanie czcionek internetowych jest w przypadku tych języków niepraktyczne. Zobacz punkt Ogranicz liczbę czcionek.

  W przypadku języków z zapisem od prawej do lewej (takich jak arabski czy hebrajski) weź pod uwagę dodatkowe zasady. Jeśli kreacja będzie pojawiać się np. w reklamach angielskich i arabskich, a nagłówek jest wyrównany do lewej w angielskim, czy trzeba go wyrównać do prawej podczas wyświetlania reklamy odbiorcom arabskim? Jeśli tak, dodaj do kreacji kod, który będzie dynamicznie zmieniał pozycję nagłówka.

Dynamiczne obrazy

Obrazy dynamiczne to pliki JPG, JPEG, GIF lub PNG przechowywane na serwerach Google i wczytywane przez kreację.

Obrazów nie można przechowywać na serwerze, jeśli przekraczają te limity:

• maksymalny rozmiar pliku obrazu: 12 000 KB (lub 12 MB),
• maksymalna liczba pikseli na obraz: 6 000 000.

Sprawdzone metody:

• Zmniejsz rozmiar pliku. Rozmiar plików JPG lub PNG nie może przekraczać 1 MB. Znajdź równowagę między rozmiarem pliku a rozdzielczością obrazu i maksymalnie zoptymalizuj plik. Rozmiar wszystkich wczytywanych plików zewnętrznych wlicza się do ogólnego limitu wczytywania. W razie potrzeby grafik powinien przerobić pliki.
• Zmniejsz wymiary obrazu. Zoptymalizuj wymiary zgodnie z wielkością obszaru zajmowanego przez obraz w reklamie, zamiast skalować zbyt duży obraz po wczytaniu go podczas wyświetlania reklamy. To zmniejszy ogólny rozmiar pliku i skróci czas wczytywania.
• Ile wersji każdego obrazu będzie potrzebnych? Niektóre obrazy mogą dobrze wyglądać w danym rozmiarze reklamy, ale gorzej w innym. Na przykład szeroki obraz samochodu może pasować do wymiarów 728 x 90, ale nie do 160 x 600. Nawet jeśli pomniejszysz obraz, by pasował, możesz nie osiągnąć oczekiwanego efektu wizualnego. Musisz więc zdecydować, czy utworzyć osobne obrazy do poszczególnych rozmiarów reklamy. Jeśli tak, upewnij się, czy w pliku danych masz odpowiednie pole na każdy obraz według rozmiaru reklamy. Gdy masz reklamę w 3 rozmiarach i w każdym używasz innego obrazu, dodaj do pliku danych 3 kolumny z właściwymi etykietami.
• Użyj odpowiedniego typu pliku. Preferujemy pliki JPG ze względu na ich mniejszy rozmiar. Sprawdzają się one wtedy, gdy ich tło pasuje do tła reklamy lub gdy wyświetlają się w prostokątnym obszarze w reklamie. Jeśli jednak obrazy mają płynnie łączyć się z tłem lub innymi elementami wizualnymi reklamy, użyj plików PNG z przezroczystym tłem, przez które widać obszar za obrazem.

• Obrazy z przezroczystym tłem zwykle wymagają dodatkowej pracy. Jeśli pliki PNG z przezroczystym tłem zawierają cienie lub inne efekty wizualne, sprawdź wcześniej, jak wyglądają na tle reklamy. Upewnij się też, że pliki PNG mają zgodne wymiary, łącznie z przezroczystym obszarem wokół obrazu.

  Jeśli np. dwa pliki PNG zawierają obrazy o takim samym rozmiarze, ale jeden ma wymiary 200 x 100 pikseli, a drugi 600 x 300 ze znacznym pustym obszarem wokół obrazu, w reklamie będą wyświetlać się inaczej. Czasami najlepszy sposób na kontrolowanie położenia poszczególnych obrazów w reklamie to nadać plikowi PNG wymiary reklamy. Na przykład w reklamie 160 x 600 użyj pliku PNG 160 x 600. Dzięki temu projektant może odpowiednio dostosować każdy obraz w pliku PNG, bez potrzeby wprowadzania zmian w pliku kreacji.

• Użyj standardu RGB zamiast CMYK. Przestrzeń kolorów RGB jest zoptymalizowana pod kątem wyświetlania cyfrowego. Standard CMYK jest przeznaczony do drukowania. Studio nie może przetwarzać obrazów, które używają profili kolorów CMYK.
• Usuń znaki specjalne. Obrazy mogą się nieprawidłowo wczytywać, jeśli w ich nazwie lub adresie URL znajduje się znak specjalny.

Kolory dynamiczne

Kolory różnych elementów reklamy (takich jak tekst czy tło) możesz zmieniać dynamicznie. W zawartości dynamicznej najlepiej użyć wartości szesnastkowych zamiast nazw kolorów – na przykład 0xFF0000 zamiast red (czerwony). To daje większą kontrolę i pozwala łatwo zmieniać kolor w kodzie, a nie w pliku kreacji.

• Kolor tekstu: zmiana koloru pojedynczych słów lub wyrażeń (np. „To niebieski tekst”) wymaga nieco więcej pracy, ale można to zrobić, dodając tagi HTML do samego ciągu z tekstem dynamicznym (np. „To <font color='#0000FF'>niebieski</FONT> tekst”).
• Kolor grafiki: najlepiej sprawdzą się jednolite kolory. Możesz też wykorzystać gradienty, ale wymagają one więcej pracy i 2 wartości w zawartości dynamicznej (po 1 na każdy koniec zakresu gradientu). Dynamiczna zmiana koloru skomplikowanych gradientów lub złożonych struktur (masek, cieni itp.) może być trudna i wymagać dodatkowego czasu zespołu produkcyjnego.

Dynamiczne adresy URL

Adresy URL stron docelowych często są dynamiczne. Tak jak w przypadku każdej reklamy Rich Media, możesz zmienić URL wewnątrz kreacji, ale bywa to znacznie trudniejsze – szczególnie wtedy, gdy zmieniony fragment trzeba wstawić do adresu URL zamiast do niego dodać.

Pozostałe uwagi

Sprawdzone metody:

• Rozmiar pliku: tak jak w przypadku każdej reklamy Rich Media, pamiętaj o limitach rozmiaru plików. W pliku musi pozostać dość miejsca na komponent Studio Enabler (jeśli jeszcze go tam nie ma) oraz wszystkie czcionki potrzebne do tekstu dynamicznego.
• Elementy zależne: przetestuj, jak dynamiczny tekst, obrazy i inne elementy współgrają ze sobą nawzajem oraz ze statycznymi częściami reklamy. Dynamiczne wersje jednego elementu mogą nieoczekiwanie wpłynąć na wygląd innych elementów reklamy. Na przykład kolor statycznego pola tekstowego może stać się problemem, gdy używasz dynamicznego obrazu tła w wersji ciemnej i jasnej. Jeśli tekst jest biały, a jeden z dynamicznych obrazów tła ma kolor kości słoniowej, komunikat stanie się nieczytelny. Aby tego uniknąć, dostosuj obrazy tła lub użyj dynamicznych kolorów tekstu.
• Złożoność: zespół produkcyjny musi znać strukturę plików reklamy i zawartego w nich kodu, by móc wstawić kod dynamicznych elementów reklamy. Jeśli kreacja jest zbyt złożona, trudna do przeanalizowania lub ma nieporządnie napisany kod, konwertowanie jej na wersję dynamiczną trwa dłużej.