Come inserire dei messaggi pubblicitari all'interno del proprio Sito

Best Practice > Passo 1 - Impostazioni  > Sezione Avanzate >

Come inserire dei messaggi pubblicitari all'interno del proprio Sito

Previous pageReturn to chapter overviewNext page
Mostra/Nascondi testo nascosto 

È molto frequente visitare Siti Web che, oltre ai contenuti organici, presentano anche messaggi pubblicitari, spesso sotto-forma di banner grafici, altre volte come contenuti testuali o video-trailer aperti in popup o in altri formati ancora più fantasiosi.

L'inserimento di messaggi pubblicitari, soprattutto in Siti capaci di convogliare volumi consistenti di traffico, è una fonte di reddito dal momento che, non solo permette di far conoscere i propri prodotti ma, soprattutto, consente di poter essere pagati per lo spazio e la visibilità concessa ai messaggi di altri.  

In WebSite X5 esistono modi diversi per gestire un messaggio pubblicitario legato a un proprio Prodotto: si può, per esempio, usare l'Oggetto Immagine per inserire dei banner all'interno delle Pagine, oppure ricorrere alle opzioni presenti al Passo 1 - Messaggio Pubblicitario. Se, invece, si aderisce a un programma (per es, Google AdSense) che prevede la pubblicazione di annunci pubblicitari in cambio di una retribuzione calcolata in base a criteri concordati (numero di visualizzazioni, numero di click, ecc.), in genere occorre inserire all'interno delle Pagine del proprio Sito del Codice HTML che viene fornito. In questi casi, in WebSite X5 occorre utilizzare l'Oggetto Codice HTML.

Clicca per espandere/ridurreHow To: Come inserire un Banner all'interno dell'Header o di un Pagina

Un banner può essere gestito come una semplice immagine e, in quanto tale, inserita all'interno dell'Header del Modello o di una specifica Pagina del Sito:

Se si vuole inserire il banner nell'Header, al Passo 2 - Contenuto del Modello, nella sezione Header, inserire un Oggetto Immagine e posizionarlo in maniera adeguata.
Se si vuole inserire il banner in una Pagina del Sito, al Passo 3 - Mappa selezionare la Pagina sulla quale si intende lavorare e al Passo 4 - Pagine inserire un Oggetto Immagine nella Cella più opportuna della Griglia di impaginazione.
In entrambi i casi, dopo aver inserito l'Oggetto Immagine fare doppio click su di esso e importare il file grafico relativo al banner.
Cliccare sul pulsante per richiamare la finestra Collegamento e associare un link al banner: per esempio, è possibile collegare una Pagina specifica interna o esterna al Sito.

Un banner può essere una semplice immagine statica ma può anche essere creato come una sequenza di immagini. Una soluzione molto semplice è di salvare il banner come .GIF animata e seguire la procedura già illustrata per inserirla nell'Header del Modello o direttamente nelle Pagine attraverso l'Oggetto Immagine.

Una soluzione alternativa, invece, prevede di salvare le singole immagini di cui deve comporsi il banner e di utilizzarle per comporre un Oggetto Galleria. In questo caso è consigliabile selezionare lo SlideShow Classico avendo cura di disattivare l'opzione Mostra Barra Controlli.

Un'altra alternativa ancora è quella di preparare un'animazione per il banner e di utilizzare direttamente l'Oggetto Animazione HTML5 per inserirla nell'Header o nelle Pagine del Sito.

Con WebAnimator puoi creare gif e banner animati perfetti per il tuo Sito Web. Provalo subito su www.webanimator.com.

Clicca per espandere/ridurreHow To: Come inserire un Banner come sfondo della finestra del Browser

Alcuni portali utilizzano formati pubblicitari alternativi, uno di questi prevede l'impiego di un'immagine di grosse dimensioni inserita direttamente come sfondo della finestra del Browser. Anche WebSite X5 consente di lavorare su questo elemento: le procedure cambiamo a seconda che si intenda impostarlo per tutto il Sito, piuttosto che per una o più Pagine specifiche.

Per impostare un'unica immagine di sfondo per tutto il Sito, occorre:

Al Passo 2 accedere alla finestra Struttura del Modello. Ricordiamo che è possibile farlo anche se si sta utilizzando un Modello Predefinito: in questi casi, è necessario creare prima una copia del Modello su cui lavorare, in modo da poter mantenere inalterato l'originale.
Nell'elenco Sezione della Pagina selezionare lo Sfondo della Pagina e importare il File Immagine relativo al banner da utilizzare.
Utilizzare le opzioni disponibili per definire allineamento e margini.

Per impostare un'immagine di sfondo per una Pagina specifica de Sito, invece, è necessario:

Al Passo 3 - Mappa selezionare la Pagina sulla quale di intende lavorare e cliccare sul pulsante Proprietà in modo da richiamare la finestra Proprietà Pagina.
Accedere alla sezione Grafica e in Sfondo del Sito solo per questa Pagina importare il file grafico relativo al banner da utilizzare.
Utilizzare l'opzione Collegamento per associare un link all'immagine del banner.
Clicca per espandere/ridurreHow To: Come visualizzare un messaggio pubblicitario attraverso una finestra in popup

Se si desidera fare in modo che all'apertura di una o più Pagine del Sito venga visualizzato un messaggio pubblicitario attraverso una finestra in popup (ovvero, in sovrimpressione rispetto alla Pagina), occorre:

Al Passo 1 aprire la sezione Messaggio Pubblicitario e attivare l'opzione Visualizza Messaggio Pubblicitario.
Selezionare il Tipo di messaggio scegliendo tra Messaggio di Avviso, Messaggio in riquadro, Messaggio su barra orizzontale e Messaggio di Copertina.
Importare il file grafico relativo al banner da utilizzare e definire le impostazioni proposte.
Associare un link al banner scegliendo il Collegamento.
Definire in quali Pagine del Sito deve essere visualizzato il banner.
Se necessario, definire l'intervallo di date entro il quale deve essere visualizzato il Messaggio Pubblicitario e il tempo di attesa fra l'apertura della Pagina e la visualizzazione del banner.
Clicca per espandere/ridurreHow To: Come inserire il codice fornito da Google AdSense per la pubblicazione di messaggi pubblicitari

Fatta l'iscrizione al programma Google AdSense, o ad altri programmi analoghi, e ottenuto il codice HTML da inserire nelle proprie Pagine, occorre:

Al Passo 3 - Mappa selezionare la Pagina sulla quale si intende lavorare e al Passo 4 - Pagine inserire un Oggetto Codice HTML nella Cella più opportuna della Griglia di impaginazione.
Fare doppio click sull'Oggetto Codice HTML inserito e copiare il codice HTML ottenuto.

Con una procedura del tutto analoga, il codice HTML per la visualizzazione di messaggi pubblicitari può essere inserito anche nell'Header o nel Footer del Modello del Sito.