Reklamní jednotky

Přizpůsobení responzivní multiplexové reklamní jednotky

Další: Informace o projektu Accelerated Mobile Pages (AMP)

Poznámka: Tyto možnosti jsou zastaralé. Můžete je nadále používat k přizpůsobení multiplexových reklam, nemůžeme však zaručit, že budou fungovat za všech okolností.

Pokud máte konkrétní požadavky na vzhled responzivních multiplexových reklamních jednotek, můžete jejich vzhled upravit přidáním parametrů do kódu reklamy. Díky nim můžete například upravovat rozvržení jednotek a určovat, jak v nich mají být uspořádány řádky a sloupce reklam.

Parametry lze také použít k rozlišení nastavení pro mobilní zařízení a počítače. Pokud například zadáte pro parametr rozvržení jednu hodnotu, budou mít vaše multiplexové reklamní jednotky stejné rozvržení na mobilních zařízeních i na počítačích. Pokud však zadáte hodnoty dvě, budou jednotky na mobilních zařízeních vypadat jinak (podle první hodnoty) než na počítačích (podle druhé hodnoty).

Tyto možnosti jsou dostupné jen u responzivních multiplexových reklamních jednotek. Aby přizpůsobení fungovalo, je nutné zadat všechny parametry. Po úpravě kódu reklamy jednotky otestujte na různých zařízeních a obrazovkách a ověřte, zda fungují správně.

Poznámka: Příklady popsané v tomto článku představují přijatelné úpravy kódu reklamy AdSense. Pokud upravíte kód multiplexové reklamy těmito schválenými způsoby, neporušíte programové zásady AdSense.

Rozbalit vše Sbalit vše

Změna rozvržení multiplexové reklamní jednotky

Pomocí parametru rozvržení (data-matched-content-ui-type) lze v multiplexových reklamních jednotkách nastavit uspořádání textu a obrázků. Můžete například určit, aby se obrázek a text zobrazovaly vedle sebe, obrázek nad textem a podobně.

Existují tyto možnosti rozvržení:

Obrázek a text vedle sebe

V tomto rozvržení se obrázek a text zobrazují vedle sebe. Pokud ho chcete použít, přidejte do kódu reklamy parametr data-matched-content-ui-type="image_sidebyside".

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Příklad reklam, které vedle sebe zobrazují obrázky a text.

Obrázek a text vedle sebe s kartou

V tomto rozvržení se obrázek a text zobrazují vedle sebe na kartě. Pokud ho chcete použít, přidejte do kódu reklamy parametr data-matched-content-ui-type="image_card_sidebyside".

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Example of an ad with Image and text side-by-side with card layout.

Obrázek nad textem

V tomto rozvržení je obrázek umístěn nad textem. Pokud ho chcete použít, přidejte do kódu reklamy parametr data-matched-content-ui-type="image_stacked".

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Příklad reklam s obrázky nad textem.

Obrázek nad textem s kartou

V tomto rozvržení je obrázek umístěn nad textem na kartě. Pokud ho chcete použít, přidejte do kódu reklamy parametr data-matched-content-ui-type="image_card_stacked".

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Příklad reklam s obrázky nad textem s kartami.

Pouze textové

Toto je nastavení pro text bez obrázku. Pokud ho chcete použít, přidejte do kódu reklamy parametr data-matched-content-ui-type="text".

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Příklad rozvržení textové reklamy.

Text s kartou

Toto rozvržení obsahuje pouze text na kartě. Pokud ho chcete použít, přidejte do kódu reklamy parametr data-matched-content-ui-type="text_card".

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Příklad reklam obsahujících text s kartami.

Určení počtu řádků a sloupců v multiplexové reklamní jednotce

Reklamy v multiplexové reklamní jednotce jsou uspořádány v mřížce. Počet řádků a sloupců zobrazených v této mřížce můžete určit sami. Jednotku lze nastavit například na čtverec 2 × 2, sloupec 4 × 1 a podobně.

Počet řádků se nastavuje parametrem data-matched-content-rows-num a počet sloupců parametrem data-matched-content-columns-num. Oba tyto parametry je třeba nastavit společně s parametrem data-matched-content-ui-type.

Poznámka:

Počet řádků a sloupců je určitým způsobem omezen. Celkový počet reklam v multiplexové reklamní jednotce musí být v rozmezí 1 až 30. Pokud se pokusíte zobrazovat méně než 1 nebo více než 30 reklam, multiplexová reklamní jednotka se zobrazí prázdná.
Někdy se může stát, že nebudeme moci zobrazit přesný počet řádků nebo sloupců, který jste zadali. Může k tomu dojít například v případě, že jste nastavili velký počet sloupců, ale jednotka není dostatečně široká, aby se do ní vešly. V takové situaci počet řádků nebo sloupců upravíme, aby se reklamy dobře vešly do dostupného prostoru a působily dobrým uživatelským dojmem.

Příklady nastavení řádků a sloupců

4 × 1 (mobilní zařízení a počítače)

Tento vzorový kód vygeneruje multiplexovou reklamní jednotku se čtyřmi řádky a jedním sloupcem, která zobrazí celkem čtyři reklamy.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="i-gno/re-d1234567890123456"

             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>

Příklad obrázku a textu umístěných nad sebou ve službě Ad Sense

2 × 2 (mobilní zařízení a počítače)

Tento vzorový kód vygeneruje multiplexovou reklamní jednotku se dvěma řádky a dvěma sloupci, která zobrazí celkem čtyři reklamy.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="i-gno/re-d1234567890123456"

             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>

Multiplexová reklamní jednotka ve službě AdSense se čtyřmi reklamami ve dvou řádcích a dvou sloupcích

3 × 3 (mobilní zařízení a počítače)

Tento vzorový kód vygeneruje multiplexovou reklamní jednotku se třemi řádky a třemi sloupci, která zobrazí celkem devět reklam.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="i-gno/re-d1234567890123456"

             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>

Multiplexová reklamní jednotka ve službě AdSense s devíti reklamami ve třech řádcích a třech sloupcích

4 × 1 (mobilní zařízení) a 2 × 2 (počítače) u responzivních webů

Tento vzorový kód vygeneruje multiplexovou reklamní jednotku – na mobilních zařízeních s mřížkou 4 × 1 a na počítačích s mřížkou 2 × 2. Toto nastavení může být vhodné, pokud máte responzivní web.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="i-gno/re-d1234567890123456"

             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>

Příklad obrázku a textu umístěných nad sebou ve službě Ad Sense

Multiplexová reklamní jednotka ve službě AdSense se čtyřmi reklamami ve dvou řádcích a dvou sloupcích

Odstraňování problémů

Upravená multiplexová reklamní jednotka se nemusí zobrazit tak, jak jste očekávali. Zde uvádíme některé běžné problémy a postupy řešení:

Multiplexová reklamní jednotka je prázdná.

Existují dvě možné příčiny tohoto problému:

Celkový počet reklam v multiplexové reklamní jednotce je menší než 1 nebo větší než 30. Změňte počet řádků nebo sloupců, aby se celkový počet reklam vešel do limitu.
Jednotka je pro zadaný počet reklam příliš široká. V takovém případě ji zkuste zúžit.

Multiplexová reklamní jednotka obsahuje méně reklam, než jste očekávali

K tomuto problému může dojít, pokud k zobrazení přesného zadaného počtu reklam není dostatek místa. Je například možné, že jste nastavili velký počet reklam, ale jednotka je příliš úzká nebo si ji prohlížíte na malé obrazovce. V takovém případě upravíme počet řádků nebo sloupců, aby jednotka využila dostupný prostor co nejlépe. Můžete také změnit šířku jednotky nebo nastavit jiný počet řádků a sloupců u mobilních zařízení a počítačů.

Reklamy jsou jen textové

Tato situace může nastat, když je multiplexová reklamní jednotka pro nastavený počet reklam příliš úzká. V takovém případě ji zkuste rozšířit.

Zjišťování chyb v multiplexových reklamních jednotkách pomocí konzole

Pomocí konzole v prohlížeči můžete zkontrolovat, zda jste kód multiplexové reklamy upravili správně. Konzole například dokáže zjistit, zda v kódu nechybí některý povinný parametr nebo zda neobsahuje neplatnou hodnotu.

Pokud používáte Chrome, můžete kód reklamy otestovat pomocí DevTools Console:

Přejděte na stránku s multiplexovými reklamními jednotkami.
Stiskněte klávesy Ctrl+Shift+J (Windows/Linux) nebo Cmd+Opt+J (Mac).
Zkontrolujte, zda panel konzole neobsahuje nějaké chybové zprávy.

Pomohly vám tyto informace?

Jak bychom článek mohli vylepšit?