Mainosyksiköt

Responsiivisen Multiplex-mainosyksikön muokkaaminen

Seuraava: Accelerated Mobile Pages (AMP) ‑tekniikka

Huom. Nämä valinnat on poistettu käytöstä. Voit edelleen muokata Multiplex-mainoksiasi näiden valintojen avulla, mutta emme voi taata niiden toimivuutta kaikissa tilanteissa.

Jos haluat, että responsiiviset Multiplex-mainosyksikkösi ovat tietynlaisia, voit muokata niiden ulkoasua lisäämällä mainoskoodiisi parametreja. Parametreilla voit muuttaa Multiplex-mainosyksiköiden asettelua sekä määrittää, miten haluat järjestää rivit ja ‑sarakkeet mainosyksiköiden sisällä.

Parametrien avulla voit myös valita erilaiset asetukset mobiililaitteille ja tietokoneille. Jos esimerkiksi annat asetteluparametrille vain yhden arvon, Multiplex-mainosyksikön asettelu on samanlainen mobiililaitteilla ja tietokoneilla. Jos taas annat asetteluparametrille kaksi arvoa, Multiplex-mainosyksiköiden asettelu on erilainen mobiililaitteilla (ensimmäinen arvo) ja tietokoneilla (toinen arvo).

Huomaa, että nämä vaihtoehdot koskevat vain responsiivisia Multiplex-mainosyksiköitä ja että kaikkia parametreja tarvitaan, jotta muokkaukset toimivat. Kun olet muokannut mainoskoodia, testaa Multiplex-mainosyksiköitä eri laitteilla ja näytöillä varmistaaksesi, että mainosyksiköt toimivat oikein.

Huom. Tämän artikkelin esimerkit ovat AdSense-mainoskoodin hyväksyttäviä muokkauksia. Multiplex-mainoskoodin muokkaaminen näillä hyväksytyillä tavoilla ei ole AdSense-ohjelmakäytäntöjen vastaista.

Laajenna kaikki Tiivistä kaikki

Multiplex-mainosyksikön asettelun muuttaminen

Voit järjestää Multiplex-mainosyksiköiden tekstit ja kuvat mielesi mukaan asetteluparametrin (data-matched-content-ui-type) avulla. Voit esimerkiksi asetella kuvan ja tekstin rinnakkain tai kuvan tekstin yläpuolelle.

Saatavilla olevat asetteluvalinnat on kuvattu alla.

Kuva ja teksti rinnakkain

Kuva ja teksti rinnakkain aseteltuina. Jos haluat valita tämän asettelun, lisää mainoskoodiisi parametri 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>

Esimerkki mainoksista, joissa on kuvia ja tekstiä rinnakkain

Kuva ja teksti rinnakkain kortilla

Kuva ja teksti rinnakkain kortille aseteltuina. Jos haluat valita tämän asettelun, lisää mainoskoodiisi parametri 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>

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

Kuva tekstin yläpuolella

Kuva ja teksti päällekkäin aseteltuina. Jos haluat valita tämän asettelun, lisää mainoskoodiisi parametri 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>

Esimerkki mainoksista, joissa kuvat ovat tekstin yläpuolella

Kuva tekstin yläpuolella kortilla

Kuva ja teksti päällekkäin kortille aseteltuina. Jos haluat valita tämän asettelun, lisää mainoskoodiisi parametri 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>

Esimerkki mainoksista, joissa kuvat ovat tekstin yläpuolella kortilla

Vain teksti

Pelkkä teksti ilman kuvaa. Jos haluat valita tämän asettelun, lisää mainoskoodiisi parametri 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>

Esimerkki vain tekstiä sisältävän mainoksen asettelusta

Teksti kortilla

Pelkkä teksti kortille aseteltuna. Jos haluat valita tämän vaihtoehdon, lisää mainoskoodiisi parametri 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>

Esimerkki tekstistä kortille aseteltuna

Rivien ja sarakkeiden määrän valitseminen Multiplex-mainosyksikössä

Multiplex-mainosyksikön mainokset on järjestetty ruudukkoon. Voit valita, kuinka monta riviä ja saraketta ruudukossa näkyy. Voit esimerkiksi valita Multiplex-mainosyksiköksi 2 x 2 ‑neliön tai 4 x 1 ‑sarakkeen.

Rivimäärä valitaan parametrilla data-matched-content-rows-num ja sarakemäärä parametrilla data-matched-content-columns-num. Molemmat parametrit ja data-matched-content-ui-type on valittava samaan aikaan.

Hyvä huomata:

Rivi- ja sarakemääriin liittyy joitakin rajoituksia. Multiplex-mainosyksikössä olevien mainosten kokonaismäärän on oltava 1–30. Jos yrität julkaista vähemmän kuin yhden mainoksen tai yli 30 mainosta, Multiplex-mainosyksikkösi näkyy tyhjänä.
Joskus täsmälleen valitsemaasi rivi- ja/tai sarakemäärää ei voi käyttää. Olet esimerkiksi valinnut suuren määrän sarakkeita mutta Multiplex-mainosyksikkö ei ole niille tarpeeksi leveä. Tällöin muutamme rivi- ja/tai sarakemäärää niin, että mainokset sopivat hyvin käytettävissä olevaan tilaan ja tarjoavat hyvän käyttökokemuksen.

Rivi- ja sarake-esimerkkejä

4 x 1 (mobiililaitteet ja tietokoneet)

Tällä esimerkkikoodilla voit luoda Multiplex-mainosyksikön, jossa on neljä riviä ja yksi sarake ja jossa näkyy yhteensä neljä mainosta.

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

Esimerkki kuvien ja tekstien järjestämisestä allekkain AdSensessa.

2 x 2 (mobiililaitteet ja tietokoneet)

Tällä esimerkkikoodilla voit luoda Multiplex-mainosyksikön, jossa on kaksi riviä ja kaksi saraketta ja jossa näkyy yhteensä neljä mainosta.

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

AdSensen Multiplex-mainosyksikkö, jossa on kaksi riviä ja kaksi saraketta eli yhteensä neljä mainosta.

3 x 3 (mobiililaitteet ja tietokoneet)

Tällä esimerkkikoodilla voit luoda Multiplex-mainosyksikön, jossa on kolme riviä ja kolme saraketta ja jossa näkyy yhteensä yhdeksän mainosta.

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

AdSensen Multiplex-mainosyksikkö, jossa on kolme riviä ja kolme saraketta eli yhteensä yhdeksän mainosta.

4 x 1 (mobiililaitteet) ja 2 x 2 (tietokoneet) responsiivisilla sivustoilla

Tällä esimerkkikoodilla voit luoda Multiplex-mainosyksikön, jossa on mobiililaitetta käytettäessä 4 x 1 ‑ruudukko ja tietokoneella 2 x 2 ‑ruudukko. Tämä on suositeltava valinta responsiiviselle sivustolle.

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

Esimerkki kuvien ja tekstien järjestämisestä allekkain AdSensessa.

AdSensen Multiplex-mainosyksikkö, jossa on kaksi riviä ja kaksi saraketta eli yhteensä neljä mainosta.

Ohjeita ongelmatilanteisiin

Kun olet muokannut Multiplex-mainosyksikköä, se ei välttämättä näytä juuri sellaiselta kuin odotit. Tässä on joitakin Multiplex-mainosyksiköihin liittyviä yleisiä ongelmia ja ratkaisuja niihin:

Multiplex-mainosyksikkö on tyhjä

Tämä voi johtua kahdesta syystä:

Multiplex-mainosyksikössä olevien mainosten kokonaismäärä on alle 1 tai yli 30. Muuta Multiplex-mainosyksikön rivi- ja/tai sarakemäärää niin, että mainosten kokonaismäärä on rajoituksen mukainen.
Multiplex-mainosyksikkö on liian leveä mainosten määrään nähden. Tässä tapauksessa sinun kannattaa kaventaa Multiplex-mainosyksikköä.

Multiplex-mainosyksikössä on odotettua vähemmän mainoksia

Näin voi käydä, jos tila ei riitä valitsemasi mainosmäärän näkymiseen. Olet esimerkiksi valinnut suuren määrän mainoksia mutta Multiplex-mainosyksikkö on joko liian kapea tai sitä katsotaan pieneltä näytöltä. Tällöin muutamme rivi- ja/tai sarakemäärää niin, että käytettävissä oleva tila hyödynnetään parhaalla mahdollisella tavalla. Kannattaa harkita Multiplex-mainosyksikön leveyden muuttamista tai eri rivi- ja sarakemäärien valitsemista mobiililaitteille ja tietokoneille.

Mainoksesi ovat vain tekstiä

Näin voi käydä, jos Multiplex-mainosyksikkö on liian kapea valitsemaasi mainosmäärään nähden. Tässä tapauksessa sinun kannattaa leventää Multiplex-mainosyksikköä.

Virheiden etsiminen Multiplex-mainosyksiköistä konsolin avulla

Selaimesi konsolin avulla voit tarkistaa, oletko muokannut Multiplex-mainoskoodia oikein. Konsolin avulla saat esimerkiksi selville, puuttuuko mainoskoodista jokin välttämätön parametri tai onko jossakin parametrissa virheellinen arvo.

Chromessa voit käyttää DevTools Consolea mainoskoodin testaamiseen näin:

Siirry sivulle, jolla Multiplex-mainosyksikkö on.
Paina Ctrl+Shift+J (Windows/Linux) tai Cmd+Opt+J (Mac).
Tarkista, onko konsolin paneelissa virheilmoituksia.

Oliko tästä apua?

Miten sivua voisi parantaa?