Se le tue unità pubblicitarie multiplex adattabili devono rispettare requisiti specifici, puoi personalizzarne l'aspetto aggiungendo parametri al codice dell'annuncio. Questi parametri ti consentono di modificare vari aspetti, ad esempio il layout delle unità pubblicitarie multiplex, e specificare come disporre le righe e le colonne degli annunci al loro interno.
Puoi anche utilizzare i parametri per definire impostazioni diverse per i dispositivi mobili e i computer desktop. Ad esempio, l'unità pubblicitaria multiplex avrà lo stesso layout su entrambi i tipi di dispositivi se assegni un unico valore al parametro di layout. Se invece definisci due valori, l'unità avrà due layout diversi, uno sui dispositivi mobili (il primo valore) e l'altro sui computer desktop (il secondo valore).
Tieni presente che queste opzioni sono disponibili solo per le unità pubblicitarie multiplex adattabili e che è necessario impostare tutti i parametri affinché le personalizzazioni funzionino. Dopo aver modificato il codice dell'annuncio, assicurati di eseguire un test delle unità pubblicitarie multiplex su dispositivi e schermi diversi per verificarne il corretto funzionamento.
Modificare il layout dell'unità pubblicitaria multiplex
Il parametro di layout (data-matched-content-ui-type) ti consente di controllare la disposizione del testo e delle immagini nelle unità pubblicitarie multiplex. Ad esempio, puoi scegliere di affiancare l'immagine al testo, posizionarla al di sopra e così via.
Sono disponibili le seguenti opzioni di layout:
In questo layout, l'immagine e il testo si presentano affiancati. Per scegliere questo layout, aggiungi il parametro data-matched-content-ui-type="image_sidebyside" al codice dell'annuncio.
<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>
In questo layout, l'immagine e il testo si presentano affiancati all'interno di una scheda. Per scegliere questo layout, aggiungi il parametro data-matched-content-ui-type="image_card_sidebyside" al codice dell'annuncio.
<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>
In questo layout, l'immagine è disposta sopra il testo. Per scegliere questo layout, aggiungi il parametro data-matched-content-ui-type="image_stacked" al codice dell'annuncio.
<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>
In questo layout, l'immagine è disposta sopra il testo all'interno di una scheda. Per scegliere questo layout, aggiungi il parametro data-matched-content-ui-type="image_card_stacked" al codice dell'annuncio.
<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>
Un layout di solo testo senza immagine. Per scegliere questo layout, aggiungi il parametro data-matched-content-ui-type="text" al codice dell'annuncio.
<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>
Un layout di solo testo all'interno di una scheda. Per scegliere questo layout, aggiungi il parametro data-matched-content-ui-type="text_card" al codice dell'annuncio.
<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>
Specificare il numero di righe e colonne nell'unità pubblicitaria multiplex
Gli annunci all'interno di un'unità pubblicitaria multiplex sono disposti in una griglia. Puoi specificare il numero di righe e colonne da mostrare nella griglia. Ad esempio, potresti impostare l'unità pubblicitaria multiplex come un quadrato 2 x 2, colonna 4 x 1 e così via.
Per impostare il numero di righe e di colonne, dovrai utilizzare, rispettivamente, i parametri data-matched-content-rows-num e data-matched-content-columns-num. È necessario impostare entrambi i parametri e data-matched-content-ui-type insieme.
- Esistono alcune limitazioni relative al numero di righe e colonne che puoi impostare. Il numero totale di annunci nell'unità pubblicitaria multiplex deve essere compreso tra 1 e 30. Se tenti di mostrare meno di 1 o più di 30 annunci, l'unità pubblicitaria multiplex sarà vuota.
- A volte potremmo non riuscire a mostrare il numero esatto di righe e colonne che hai specificato. Ad esempio, se hai impostato un numero elevato di colonne, ma l'unità pubblicitaria multiplex non è sufficientemente larga da contenerle tutte. In questo caso, modificheremo il numero di righe e/o di colonne in modo che gli annunci rientrino nello spazio disponibile e offrano un'esperienza utente soddisfacente.
Esempi di righe e colonne
Questo codice di esempio indica come generare un'unità pubblicitaria multiplex con quattro righe e una singola colonna, che mostri un totale di quattro annunci.
<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>
Questo codice di esempio indica come generare un'unità pubblicitaria multiplex con due righe e due colonne, che mostri un totale di quattro annunci.
<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>
Questo codice di esempio indica come generare un'unità pubblicitaria multiplex con tre righe e tre colonne, che mostri un totale di nove annunci.
<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>
Questo codice di esempio indica come generare un'unità pubblicitaria multiplex con una griglia 4 x 1 sui dispositivi mobili e una griglia 2 x 2 sui computer desktop. Ti consigliamo di utilizzare questa configurazione se il tuo sito è adattabile.
<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>Risoluzione dei problemi
Dopo aver personalizzato l'unità pubblicitaria multiplex, è possibile che non venga visualizzata esattamente come ti aspettavi. Di seguito sono riportati alcuni problemi comuni relativi alle unità pubblicitarie multiplex e viene descritto come risolverli:
Questo problema potrebbe verificarsi per due motivi:
- Il numero totale di annunci nell'unità pubblicitaria multiplex è minore di 1 o maggiore di 30. Ti consigliamo di modificare il numero di righe e/o colonne nell'unità in modo che il numero totale di annunci rientri nel limite impostato.
- L'unità pubblicitaria multiplex è troppo larga per il numero di annunci impostato. In questo caso, ti consigliamo di provare a ridurre la larghezza dell'unità pubblicitaria multiplex.
Utilizzare la console per individuare errori nelle unità pubblicitarie multiplex
Puoi utilizzare la console del tuo browser per verificare di aver modificato correttamente il codice dell'annuncio multiplex. Ad esempio, la console può segnalare se nel codice dell'annuncio manca un parametro obbligatorio o se un parametro contiene un valore non valido.
Se utilizzi Chrome, puoi seguire questa procedura per verificare il codice dell'annuncio nella console di DevTools:
- Visita la pagina contenente le unità pubblicitarie multiplex.
- Premi Ctrl+Maiusc+J (Windows/Linux) o Cmd+Opt+J (Mac).
- Verifica se nel riquadro Console sono presenti messaggi di errore.