Unità pubblicitarie

Come personalizzare un'unità di contenuti corrispondenti adattabili

Se le tue unità di contenuti corrispondenti adattabili devono rispettare requisiti specifici, puoi personalizzarne l'aspetto aggiungendo parametri al loro codice dell'annuncio. Questi parametri ti consentono di modificare il layout delle unità di contenuti corrispondenti e specificare come disporre le righe e le colonne dei consigli al loro interno.

Puoi anche utilizzare i parametri per definire impostazioni diverse per i dispositivi mobili rispetto ai computer desktop. Ad esempio, l'unità di contenuti corrispondenti avrà lo stesso layout su entrambi i tipi di dispositivi se assegni un unico valore al rispettivo parametro. 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à di contenuti corrispondenti adattabili e che è necessario impostare tutti i parametri affinché le personalizzazioni funzionino. Dopo aver modificato il codice dell'annuncio, assicurati di testare le unità di contenuti corrispondenti su dispositivi e schermi diversi per verificarne il corretto funzionamento.

Ti garantiamo che gli esempi descritti in questo articolo sono modifiche accettabili del codice dell'annuncio AdSense. Se modifichi il codice dei contenuti corrispondenti in questi modi approvati, non violerai le norme del programma AdSense.

Modificare il layout dell'unità di contenuti corrispondenti

Il parametro di layout (data-matched-content-ui-type) ti consente di controllare la disposizione del testo e delle immagini nelle unità di contenuti corrispondenti. Ad esempio, puoi scegliere di affiancare l'immagine al testo, posizionarla al di sopra e così via.

Sono disponibili le seguenti opzioni di layout:

Immagine e testo affiancati

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image and text side by side layout

Immagine e testo affiancati con scheda

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image and text side by side with card layout

Immagine sopra il testo

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image stacked above text layout

Immagine sopra il testo con scheda

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image stacked above text with card layout

Solo testo

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

text-only layout

Testo con scheda

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Text with card layout

Specificare il numero di righe e colonne nell'unità di contenuti corrispondenti

I consigli presenti in un'unità di contenuti corrispondenti sono disposti in una griglia. Puoi specificare quante righe e colonne mostrare al suo interno. Ad esempio, puoi impostare l'unità come un quadrato 2 x 2, una 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.

Nota:
  • Esistono alcune limitazioni relative al numero di righe e colonne che è possibile impostare. Il numero totale di consigli nell'unità di contenuti corrispondenti deve essere compreso tra uno e 30. Se provi a mostrarne meno di uno o più di 30, l'unità apparirà 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à non è sufficientemente larga da contenerle tutte. In questo caso, modificheremo il numero di righe e colonne in modo da inserire adeguatamente i tuoi consigli nello spazio disponibile e offrire un'esperienza utente soddisfacente.

Esempi di righe e colonne

4 x 1 (dispositivi mobili e computer desktop)

Questo codice di esempio indica come generare un'unità di contenuti corrispondenti con quattro righe e una singola colonna, che mostri un totale di quattro consigli.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

4x1 grid

2 x 2 (dispositivi mobili e computer desktop)

Questo codice di esempio indica come generare un'unità di contenuti corrispondenti con due righe e due colonne, che mostri un totale di quattro consigli.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

2x2 grid

3 x 3 (dispositivi mobili e computer desktop)

Questo codice di esempio indica come generare un'unità di contenuti corrispondenti con tre righe e tre colonne, che mostri un totale di nove consigli.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

3x3 grid

4 x 1 (dispositivi mobili) e 2 x 2 (computer desktop) per siti adattabili

Questo codice di esempio indica come generare un'unità di contenuti corrispondenti con una griglia 4 x 1 sui dispositivi mobili e 2 x 2 sui computer desktop. Tale impostazione è consigliata se hai un sito adattabile.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

4x1 grid

2x2 grid

Condividi il tuo feedback

Ci piacerebbe conoscere la tua opinione sulla personalizzazione delle unità di contenuti corrispondenti. Puoi farci sapere cosa funziona e cosa potrebbe essere migliorato tramite questo modulo di feedback.

Risoluzione dei problemi

Dopo aver personalizzato l'unità di contenuti corrispondenti, potrebbe accadere che non venga visualizzata esattamente come ti aspettavi. Di seguito sono riportati alcuni problemi comunemente riscontrati con le unità di contenuti corrispondenti e i modi per correggerli:

L'unità di contenuti corrispondenti è vuota

Ciò potrebbe verificarsi per due motivi:

  • Il numero totale di consigli nell'unità di contenuti corrispondenti è inferiore a uno o maggiore di 30. Devi modificare il numero di righe e/o colonne nell'unità in modo da far rientrare nei limiti il numero totale di consigli.
  • L'unità di contenuti corrispondenti è troppo larga per il numero di consigli che hai impostato. In questo caso, devi provare a ridurre la larghezza dell'unità.

L'unità di contenuti corrispondenti ha meno consigli del previsto

Ciò può accadere quando lo spazio non è sufficiente a mostrare il numero esatto di consigli che hai specificato. Ad esempio se hai impostato un numero elevato di consigli e l'unità di contenuti corrispondenti è troppo stretta o viene visualizzata su uno schermo piccolo. In questo caso, modifichiamo il numero di righe e/o colonne per adattarle meglio allo spazio disponibile. Puoi valutare di cambiare la larghezza dell'unità di contenuti corrispondenti o di impostare un numero diverso di righe e colonne per i dispositivi mobili rispetto ai computer desktop.

I consigli sono di solo testo

Questo problema potrebbe verificarsi se l'unità di contenuti corrispondenti è troppo stretta per il numero di consigli che hai impostato. In questo caso, puoi provare ad aumentare la larghezza dell'unità di contenuti corrispondenti.

Utilizzo della console per individuare errori nelle unità di contenuti corrispondenti

Puoi utilizzare la console del tuo browser per verificare di aver modificato correttamente il codice dell'annuncio delle unità di contenuti corrispondenti. 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:

  1. Vai alla pagina con le tue unità di contenuti corrispondenti.
  2. Premi Ctrl+Shift+J (Windows/Linux) o Cmd+Opt+J (Mac).
  3. Verifica se nel riquadro Console sono presenti messaggi di errore.

 

È stato utile?
Come possiamo migliorare l'articolo?