Jeśli masz konkretne wymagania dotyczące elastycznych jednostek reklamowych Multiplex, możesz dostosowywać ich wygląd, dodając parametry w kodzie reklamy. Parametry te pozwalają zmieniać np. układ jednostek reklamowych Multiplex oraz określać, jak chcesz w nich uporządkować wiersze i kolumny z reklamami.
Korzystając z tych parametrów, możesz też określać osobne ustawienia dla urządzeń mobilnych i komputerów. Jeśli podasz jedną wartość dla parametru układu, Twoja jednostka reklamowa Multiplex będzie miała taki sam układ na urządzeniu mobilnym i na komputerze. Gdy podasz dla parametru układu 2 wartości, jednostki reklamowe Multiplex będą korzystać z jednego układu na urządzeniach mobilnych (pierwsza wartość), a z drugiego na komputerach (druga wartość).
Pamiętaj, że te opcje są dostępne tylko w przypadku elastycznych jednostek reklamowych Multiplex, a do ich działania potrzebne są wszystkie parametry. Po modyfikacji kodu reklamy przetestuj jednostki reklamowe Multiplex na różnych urządzeniach i ekranach, aby mieć pewność, że działają prawidłowo.
Zmiana układu jednostki reklamowej Multiplex
Parametr układu (data-matched-content-ui-type
) pozwala kontrolować układ tekstu i obrazów w jednostkach reklamowych Multiplex. Możesz np. umieścić obraz i tekst obok siebie, obraz powyżej tekstu itd.
Dostępne są następujące opcje układu:
W tym układzie obraz i tekst pojawiają się obok siebie. Aby wybrać ten układ, dodaj do kodu reklamy parametr data-matched-content-ui-type="image_sidebyside"
.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
W tym układzie obraz i tekst pojawiają się obok siebie na karcie. Aby wybrać ten układ, dodaj do kodu reklamy parametr data-matched-content-ui-type="image_card_sidebyside"
.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
W tym układzie obraz znajduje się nad tekstem. Aby wybrać ten układ, dodaj do kodu reklamy parametr data-matched-content-ui-type="image_stacked"
.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
W tym układzie obraz znajduje się nad tekstem na karcie. Aby wybrać ten układ, dodaj do kodu reklamy parametr data-matched-content-ui-type="image_card_stacked"
.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Układ zawierający tylko tekst bez obrazów. Aby wybrać ten układ, dodaj do kodu reklamy parametr data-matched-content-ui-type="text"
.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Układ zawierający tylko tekst na karcie. Aby wybrać ten układ, dodaj do kodu reklamy parametr data-matched-content-ui-type="text_card"
.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text_card"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Określanie liczby wierszy i kolumn w jednostce reklamowej Multiplex
Reklamy w jednostce reklamowej Multiplex są rozmieszczone na siatce. Możesz określić liczbę wierszy i kolumn, które chcesz wyświetlać w siatce. Możesz np. ustawić jednostkę reklamową Multiplex tak, aby była kwadratem 2 x 2, kolumną 4 x 1 itd.
Liczbę wierszy ustawisz, korzystając z parametru data-matched-content-rows-num
, a liczbę kolumn – korzystając z parametru data-matched-content-columns-num
. Wymagane jest ustawienie obu tych parametrów oraz parametru data-matched-content-ui-type
.
- Istnieją pewne ograniczenia liczby wierszy i kolumn. Łączna liczba reklam w jednostce reklamowej Multiplex musi wynosić od 1 do 30. Jeśli spróbujesz wyświetlić mniej niż 1 reklamę lub więcej niż 30 reklam, jednostka reklamowa Multiplex będzie pusta.
- Czasem nie możemy wyświetlić określonej przez Ciebie liczby wierszy lub kolumn. Może się tak stać, jeśli ustawisz dużą liczbę kolumn, a jednostka reklamowa Multiplex nie będzie wystarczająco szeroka, aby je pomieścić. W takim przypadku dostosujemy liczbę wierszy lub kolumn tak, aby Twoje reklamy pasowały do dostępnej przestrzeni i zapewniały użytkownikom dobre wrażenia.
Przykłady wierszy i kolumn
Ten przykładowy kod pokazuje, jak wygenerować jednostkę reklamową Multiplex, która wyświetla łącznie 4 reklamy w 4 wierszach i 1 kolumnie.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ten przykładowy kod pokazuje, jak wygenerować jednostkę reklamową Multiplex, która wyświetla łącznie 4 reklamy w 2 wierszach i 2 kolumnach.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="2"
data-matched-content-columns-num="2"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ten przykładowy kod pokazuje, jak wygenerować jednostkę reklamową Multiplex, która wyświetla łącznie 9 reklam w 3 wierszach i 3 kolumnach.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ten przykładowy kod pokazuje, jak utworzyć jednostkę reklamową Multiplex z siatką 4 x 1 na urządzeniach mobilnych i 2 x 2 na komputerach. Takiej konfiguracji możesz używać, jeśli masz elastyczną witrynę.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4,2"
data-matched-content-columns-num="1,2"
data-matched-content-ui-type="image_stacked,image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Rozwiązywanie problemów
Po dostosowaniu jednostki reklamowej Multiplex treści mogą się wyświetlać niezgodnie z oczekiwaniami. Oto kilka najczęstszych problemów, które mogą występować w przypadku jednostek reklamowych Multiplex, wraz z rozwiązaniami:
Są 2 możliwe przyczyny takiej sytuacji:
- Łączna liczba reklam w jednostce reklamowej Multiplex jest mniejsza niż 1 lub większa niż 30. Zmień liczbę wierszy lub kolumn w jednostce reklamowej Multiplex tak, aby łączna liczba reklam mieściła się w wymaganym przedziale.
- Jednostka reklamowa Multiplex jest zbyt szeroka dla liczby ustawionych reklam. W takim przypadku zmniejsz szerokość tej jednostki.
Korzystanie z konsoli do znajdowania błędów w jednostce reklamowej Multiplex
Używając konsoli w przeglądarce, sprawdź, czy kod reklamy Multiplex został przez Ciebie prawidłowo zmodyfikowany. Konsola może Cię np. poinformować, że kod reklamy nie zawiera wymaganego parametru lub że dany parametr ma nieprawidłową wartość.
Jeśli korzystasz z Chrome, możesz wykonać te czynności, aby przetestować kod reklamy w konsoli Narzędzia deweloperskie:
- Odwiedź stronę zawierającą jednostki reklamowe Multiplex.
- Naciśnij klawisze Ctrl + Shift + J (Windows/Linux) lub Cmd + Opt + J (Mac).
- Sprawdź, czy w panelu konsoli są komunikaty o błędach.