Hirdetési egységek

A reszponzív multiplex hirdetési egységek személyre szabása

Következő: Accelerated Mobile Pages (AMP)

Megjegyzés: Ezek a lehetőségek elavultak. Továbbra is használhatja őket a multiplex hirdetések személyre szabásához, de nem tudjuk garantálni, hogy a továbbiakban is minden körülmények között működni fognak.

Ha különleges igényei vannak a reszponzív multiplex hirdetési egységekkel kapcsolatban, személyre szabhatja a megjelenésüket úgy, hogy paramétereket illeszt be a hirdetési kódba. Ezek a paraméterek lehetővé teszik a multiplex hirdetési egységek elrendezésének módosítását, valamint a bennük található hirdetések sorainak és oszlopainak tetszés szerinti beállítását.

Ezenkívül a paraméterek segítségével eltérő beállításokat adhat meg a mobileszközökhöz és a számítógépekhez. Például ha az elrendezési paraméternek egyetlen értéket ad meg, a multiplex hirdetési egység ugyanabban az elrendezésben fog megjelenni a mobileszközökön és a számítógépeken. Ha azonban az elrendezési paraméternek két értéket ad meg, a multiplex hirdetési egység eltérő elrendezésben fog megjelenni a mobileszközökön (az első értéknek megfelelően) és a számítógépeken (a második értéknek megfelelően).

Fontos tudni, hogy ezek a funkciók csak a reszponzív multiplex hirdetési egységekkel használhatók, és a személyre szabáshoz minden paramétert meg kell adni. A hirdetési kód módosítása után tesztelje a multiplex hirdetési egységeket különféle eszközökön és képernyőkön, hogy meggyőződjön a megfelelő működésükről.

Megjegyzés: A jelen cikkben ismertetett példák az AdSense hirdetési kód elfogadható módosításai. Az AdSense programszabályzatát nem sérti, ha az itt leírt, jóváhagyott módokon változtatja meg a multiplex hirdetések kódját.

Az összes kibontása Az összes összecsukása

A multiplex hirdetési egység elrendezésének módosítása

Az elrendezési paraméter (data-matched-content-ui-type) segítségével vezérelheti a multiplex hirdetési egységek szövegének és képeinek elrendezését. Például egymás mellé helyezheti a képet és a szöveget, vagy éppen a képet a szöveg felé helyezheti.

A következő elrendezési lehetőségek állnak rendelkezésre:

Kép és szöveg egymás mellett

Ezzel az elrendezéssel a kép és a szöveg egymás mellett jelennek meg. Ennek az elrendezésnek a használatához adja hozzá a data-matched-content-ui-type="image_sidebyside" paramétert a hirdetési kódhoz.

<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>

Példa képet és szöveget egymás melletti elrendezésben tartalmazó hirdetésekre.

Kép és szöveg egymás mellett egy kártyán

Ezzel az elrendezéssel a kép és a szöveg egymás mellett jelenik meg egy kártyán. Ennek az elrendezésnek a használatához adja hozzá a data-matched-content-ui-type="image_card_sidebyside" paramétert a hirdetési kódhoz.

<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>

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

A szöveg fölé helyezett kép

Ebben az elrendezésben a kép és a szöveg egymás alatt vannak elhelyezve. Ennek az elrendezésnek a használatához adja hozzá a data-matched-content-ui-type="image_stacked" paramétert a hirdetési kódhoz.

<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>

Példa a képet a szöveg felett elhelyező elrendezést alkalmazó hirdetésekre.

A szöveg fölé helyezett kép egy kártyán

Ebben az elrendezésben a kép és a szöveg egymás alatt vannak elhelyezve egy kártyán. Ennek az elrendezésnek a használatához adja hozzá a data-matched-content-ui-type="image_card_stacked" paramétert a hirdetési kódhoz.

<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>

Példa a szöveg fölött elhelyezett képeket tartalmazó kártyás elrendezést alkalmazó hirdetésekre.

Csak szöveg

Csak szöveg, kép nélkül. Ennek az elrendezésnek a használatához adja hozzá a data-matched-content-ui-type="text" paramétert a hirdetési kódhoz.

<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>

Példa csak szöveges hirdetéselrendezésre.

Szöveg kártyán

Csak szöveg egy kártyán. Ennek az elrendezésnek a használatához adja hozzá a data-matched-content-ui-type="text_card" paramétert a hirdetési kódhoz.

<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>

Példa a Szöveg kártyán hirdetéselrendezésre.

A sorok és oszlopok számának megadása a multiplex hirdetési egységekben

A multiplex hirdetési egységeken belül a hirdetések egy rácsháló szerint vannak elrendezve. Megadhatja, hogy ennek a rácshálónak hány sora és oszlopa legyen. Például beállíthatja, hogy a multiplex hirdetési egység 2x2-es négyzet, 4x1-es oszlop vagy más elrendezésű legyen.

A sorok számát a data-matched-content-rows-num paraméterrel, míg az oszlopok számát a data-matched-content-columns-num paraméterrel adhatja meg. Mindkét paramétert meg kell adni, a data-matched-content-ui-type paraméterrel együtt.

Megjegyzés:

A sorok és oszlopok száma korlátozott. A multiplex hirdetési egységben lévő hirdetések teljes száma 1 és 30 között lehet. Ha 1-nél kevesebb vagy 30-nál több hirdetést próbál megjeleníteni, a multiplex hirdetési egység üresen jelenik meg.
Előfordulhat, hogy nem lehet pontosan a kért számú sort és/vagy oszlopot megjeleníteni. Ez történhet például akkor, ha sok oszlopot állít be, de a multiplex hirdetési egység nem elég széles az összes oszlop beillesztéséhez. Ebben az esetben úgy állítjuk be a sorok és/vagy oszlopok számát, hogy a hirdetések kényelmesen beférjenek a rendelkezésre álló helyre, és jó élményt nyújtsanak a felhasználóknak.

Példák a sorokra és oszlopokra

4x1 (mobil és számítógép)

Ez a példakód azt mutatja be, hogyan hozhat létre egy multiplex hirdetési egységet négy sorral és egy oszloppal, összesen négy hirdetéssel.

<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>

Példa egymás felett elhelyezett képekre és szövegre az AdSense szolgáltatásban.

2x2 (mobil és számítógép)

Ez a példakód azt mutatja be, hogyan hozhat létre egy multiplex hirdetési egységet két sorral és két oszloppal, összesen négy hirdetéssel.

<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>

Multiplex hirdetési egység az AdSense szolgáltatásban két sorral és két oszloppal, összesen négy hirdetéssel.

3x3 (mobil és számítógép)

Ez a példakód azt mutatja be, hogyan hozhat létre egy multiplex hirdetési egységet három sorral és három oszloppal, összesen kilenc hirdetéssel.

<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>

Multiplex hirdetési egység az AdSense szolgáltatásban három sorral és három oszloppal, összesen kilenc hirdetéssel.

4x1 (mobil) és 2x2 (számítógépes) reszponzív webhelyekhez

Ez a példakód azt mutatja meg, hogyan hozhat létre egy multiplex hirdetési egységet 4x1-es ráccsal a mobileszközökhöz, illetve 2x2-es ráccsal a számítógépekhez. Ilyen elrendezést reszponzív webhellyel érdemes használni.

<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>

Példa egymás felett elhelyezett képekre és szövegre az AdSense szolgáltatásban.

Multiplex hirdetési egység az AdSense szolgáltatásban két sorral és két oszloppal, összesen négy hirdetéssel.

Hibaelhárítás

Előfordulhat, hogy a multiplex hirdetési egységek a személyre szabásuk után nem pontosan a várt módon jelennek meg. Íme néhány gyakori, a multiplex hirdetési egységekkel kapcsolatos probléma és a megoldása:

A multiplex hirdetési egység üresen jelenik meg

Ennek két oka lehet:

A multiplex hirdetési egységben megjelenítendő hirdetések teljes száma kisebb 1-nél, vagy nagyobb 30-nál. Módosítsa a multiplex hirdetési egység sorainak és/vagy oszlopainak számát, hogy a hirdetések teljes száma ezen az előírt tartományon belül essen.
A multiplex hirdetési egység túl széles a hirdetések beállított számához képest. Ebben az esetben csökkentse a multiplex hirdetési egység szélességét.

A multiplex hirdetési egység a vártnál kevesebb hirdetést tartalmaz

Ez akkor fordulhat elő, ha nincs elég hely ahhoz, hogy pontosan a megadott számú hirdetés jelenjen meg. Például lehet, hogy sok hirdetést állított be, de a multiplex hirdetési egység túl keskeny, vagy kis képernyőn jelenítik meg. Ekkor úgy állítjuk be a sorok és/vagy oszlopok számát, hogy optimálisan beférjenek a rendelkezésre álló helyre. Módosíthatja a multiplex hirdetési egység szélességét, vagy eltérő számú sort és oszlopot állíthat be a mobileszközökön és a számítógépen való megjelenítéshez.

A hirdetések csak szöveges formában jelennek meg

Ez akkor fordulhat elő, ha a multiplex hirdetési egység túl keskeny a hirdetések beállított számához képest. Ebben az esetben növelje a multiplex hirdetési egység szélességét.

Hibák keresése a multiplex hirdetési egységekben a konzol segítségével

A böngésző konzolja segítségével ellenőrizheti, hogy helyesen módosította-e a multiplex hirdetési kódot. Például a konzol megmutathatja, ha a hirdetési kódból hiányzik egy szükséges paraméter, vagy hogy egy paraméter értéke érvénytelen.

A Chrome böngészőben a következő lépéseket követve tesztelheti a hirdetési kódot a fejlesztői eszközök konzoljában:

Keresse fel a multiplex hirdetési egységeket tartalmazó oldalt.
Nyomja meg a Ctrl+Shift+J (Windows/Linux) vagy a Cmd+Opt+J (Mac) billentyűkombinációt.
A Konzol panelen keressen hibaüzeneteket.

Hasznosnak találta?

Hogyan fejleszthetnénk?