Ak máte na responzívne reklamné jednotky Multiplex špecifické požiadavky, pridaním parametrov do kódu reklamy môžete prispôsobiť ich vzhľad. Tieto parametre umožňujú zmeniť vlastnosti, ako je rozloženie reklamných jednotiek Multiplex, a určiť, ako by v týchto jednotkách mali byť usporiadané riadky a stĺpce reklám.
Pomocou parametrov môžete tiež nastavovať rôzne nastavenia pre mobily a počítače. Pokiaľ napríklad použijete ako parameter rozloženia jednu hodnotu, vaša reklamná jednotka Multiplex bude mať rovnaké rozloženie pre mobily aj počítače. Ak však pre parameter rozloženia nastavíte dve hodnoty, reklamná jednotka Multiplex bude mať jedno rozloženie pre mobily (prvá hodnota) a iné rozloženie pre počítače (druhá hodnota).
Upozorňujeme, že tieto možnosti sú k dispozícii iba pre responzívne reklamné jednotky Multiplex a prispôsobenia budú fungovať iba pri zadaní všetkých parametrov. Po úprave kódu reklamy nezabudnite otestovať reklamné jednotky Multiplex na rôznych zariadeniach a obrazovkách, aby ste sa uistili, že fungujú správne.
Zmena rozloženia reklamnej jednotky Multiplex
Parameter rozloženia (data-matched-content-ui-type
) umožňuje riadiť usporiadanie textu a obrázkov v reklamných jednotkách Multiplex. Obrázok a text môžete napríklad usporiadať vedľa seba, obrázok umiestniť nad text a podobne.
K dispozícii máte nasledujúce možnosti rozloženia:
V tomto rozložení sa obrázok a text zobrazujú vedľa seba. Ak chcete vybrať toto rozloženie, pridajte do kódu reklamy parameter 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>
V tomto rozložení sa obrázok a text zobrazujú vedľa seba vnútri karty. Ak chcete vybrať toto rozloženie, pridajte do kódu reklamy parameter 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>
V tomto rozložení je obrázok umiestnený nad textom. Ak chcete vybrať toto rozloženie, pridajte do kódu reklamy parameter 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>
V tomto rozložení je obrázok umiestnený nad textom vnútri karty. Ak chcete vybrať toto rozloženie, pridajte do kódu reklamy parameter 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>
Rozloženie iba s textom a bez obrázka. Ak chcete vybrať toto rozloženie, pridajte do kódu reklamy parameter 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>
Rozloženie iba s textom v karte. Ak chcete vybrať toto rozloženie, pridajte do kódu reklamy parameter 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>
Zadanie počtu riadkov a stĺpcov v reklamnej jednotke Multiplex
Reklamy v reklamnej jednotke Multiplex sú usporiadané v mriežke. Môžete nastaviť, koľko riadkov a stĺpcov chcete v tejto mriežke zobrazovať. Reklamnú jednotku Multiplex môžete napríklad nastaviť ako štvorec 2 x 2, stĺpec 4 x 1 atď.
Počet riadkov nastavíte pomocou parametra data-matched-content-rows-num
a počet stĺpcov pomocou parametra data-matched-content-columns-num
. Musíte nastaviť spoločne oba parametre a parameter data-matched-content-ui-type
.
- Pri nastavovaní počtu riadkov a stĺpcov platia určité obmedzenia. Celkový počet reklám v reklamnej jednotke Multiplex musí byť od 1 do 30. Ak sa pokúsite zobraziť menej ako 1 alebo viac ako 30 reklám, reklamná jednotka Multiplex sa zobrazí prázdna.
- V niektorých prípadoch sa môže stať, že nebudeme môcť zobraziť presný počet riadkov alebo stĺpcov, ktoré ste definovali. Môže ísť napríklad o situáciu, keď ste nastavili veľký počet stĺpcov, ale reklamná jednotka Multiplex nie je dostatočne široká, aby sa do nej vošli všetky stĺpce. V tomto prípade prispôsobíme počet riadkov alebo stĺpcov tak, aby sa reklamy bez problémov zmestili do dostupného priestoru a aby mal z nich používateľ dobrý dojem.
Príklady riadkov a stĺpcov
Tento vzorový kód vygeneruje reklamnú jednotku Multiplex so štyrmi riadkami a jedným stĺpcom. Budú sa v nej zobrazovať celkove štyri reklamy.
<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>
Tento vzorový kód vygeneruje reklamnú jednotku Multiplex s dvoma riadkami a dvoma stĺpcami. Budú sa v nej zobrazovať celkove štyri reklamy.
<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>
Tento vzorový kód vygeneruje reklamnú jednotku Multiplex s troma riadkami a troma stĺpcami. Bude sa v nej zobrazovať celkove deväť reklám.
<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>
Tento vzorový kód vygeneruje reklamnú jednotku Multiplex s mriežkou 4 x 1 pre mobily a 2 x 2 pre počítače. Túto konfiguráciu je vhodné použiť, ak máte responzívny web.
<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>
Riešenie problémov
Po prispôsobení reklamnej jednotky Multiplex sa táto jednotka nemusí zobrazovať presne podľa vašich očakávaní. Nižšie uvádzame niekoľko bežných problémov s reklamnými jednotkami Multiplex a spôsoby, ako ich vyriešiť:
Existujú dva dôvody, prečo by táto situácia mohla nastať:
- Celkový počet reklám v reklamnej jednotke Multiplex je nižší než 1 alebo vyšší než 30. Zmeňte počet riadkov alebo stĺpcov v reklamnej jednotke Multiplex tak, aby bol celkový počet reklám v rámci limitu.
- Reklamná jednotka Multiplex je príliš široká pre nastavený počet reklám. V tomto prípade by ste mali skúsiť zmenšiť šírku reklamnej jednotky Multiplex.
Hľadanie chýb v reklamných jednotkách Multiplex pomocou konzoly
Pomocou konzoly v prehliadači môžete skontrolovať, či ste správne upravili kód reklamy Multiplex. Konzola vám umožňuje napríklad zistiť, či v kóde reklamy chýbajú povinné parametre alebo či nejaký parameter obsahuje neplatnú hodnotu.
Ak používate Chrome, pomocou tohto postupu môžete otestovať kód reklamy v nástroji DevTools Console:
- Navštívte stránku s reklamnými jednotkami Multiplex.
- Stlačte kombináciu klávesov Ctrl+Shift+J (Windows/Linux) alebo Cmd+Opt+J (Mac).
- Skontrolujte chybové hlásenia na paneli nástroja Console.