Inserire una pubblicità "di sfondo" con Ad Manager
Ad Manager, opportunamente configurato, consente di inserire una pubblicità di sfondo al sito. Vediamo come creare le immagini per gestire una corretta visualizzazione su tutti i dispositivi.
La nuova gestione delle pubblicità di sfondo prevede l'utilizzo di tre immagini: due che vengono effettivamente visualizzate come sfondo su quei dispositivo che hanno spazio (sarebbe meglio parlare di risoluzione) a sufficienza, mentre una terza che viene messa "sopra" il contenuto (in basso, in posizione non troppo invasiva) sui dispositivi mobili.
Le immagini da creare devono avere le seguenti caratteristiche:
Per le prime due immagini, l'idea è quella di lasciare una sorta di "buco" in mezzo, in modo da limitare il peso dell'immagine per non compromettere l'esperienza utente: ricordiamo che ogni byte conta, soprattutto quando un utente sta navigando in mobilità, o se connesso a una rete non molto performante.
La fascia di intestazione deve essere alta 100px.
Una volta create le tre immagini, vediamo come fare per renderle visibili sul sito. I passi sono i seguenti:
- creare un Ad Banner contenente le tre immagini
- creare (se non esiste già) una zona con identificatore "skin"
- aggiungere una pubblicità programmata (Ad Schedule) per mostrare l'Ad Banner creato nella zona con identificatore "skin"
Creare un Ad Banner contenente le tre immagini
Il banner va creato in una cartella sotto la sezione Media. Possono essere creati dove è più comodo. Si consiglia di utilizzare la cartella Media/Banner oppure Media/AdManager.
Nell'esempio, il banner viene creato in "Media/AdManager":
L'interfaccia di inserimento della classe Ad Banner presenta i seguenti campi da compilare:
| Nome dell'attributo | Descrizione |
| Name | Il nome del banner (ad uso interno) |
| Image | L'immagine per dispositivi a media risoluzione (con il "buco" di 940px) |
| Image wide | L'immagine per dispositivi d alta risoluzione (con il "buco" di 1170px) |
| Image small | L'immagine per dispositivi a bass risoluzione (900px X 110px) |
| Url | l'indirizzo (comprensivo di http://) a cui il banner deve puntare |
| Url interno | la pagina del sito, l'articolo, la landing page a cui il banner deve puntare |
Url interno, come dice il nome, è da utilizzare per inserire riferimenti interni al sito stesso. Da notare che, se sono valorizzati sia Url che Url interno, la priorità è all'url interno.
Attenzione!
Non trovi tutti gli attributi indicati nella classe "Ad Banner"? Contatta il supporto!
Creare una zona con identificatore "skin"
Per poter gestire la zona "sfondo" è necessario innanzitutto creare in Ad Manager una zona con identificatore "skin":
come detto, l'importante è che l'identificatore sia "skin", mentre il nome può essere qualcosa che aiuti a ricordarsi cosa rappresenta quella zona.
Dopo aver inserito Nome e Identificatore, premere su "Pubblica".
aggiungere un Ad Schedule sulla zona con identificatore "skin"
- Aprire Ad Manager
- Creare una nuova programmazione (Ad Schedule): è possibile farlo cliccando il tasto "Add Schedule" oppure selezionando con il mouse il periodo sul calendario. Si apre l'interfaccia di creazione di Ad Schedule
- Compilare i campi con i valori desiderati. In particolare, scegliere zona (skin), cliente (l'inserzionista), e contenuto (L'Ad Banner che contiene le tre immagini)
- premere pubblica
Da questo momento, sul sito, dovrebbe essere visibile la pubblicità di sfondo.
Una piccola controindicazione
Il sistema di "pubblicità di sfondo" è stato aggiunto in seguito, innestandolo su una piattaforma che per sua natura tende a massimizzare lo spazio dedicato al contenuto, e quindi lasciando poco spazio ai lati per la pubblicità. Per questo motivo sono da prediligere delle immagini a sfondo chiaro, perché sui lati il testo risulta attaccato al bordo, e quindi alla pubblicità di sfondo. si veda a tal proposito l'immagine seguente:
