Nwlapcug.com


Come creare un'unità pubblicitaria per posteriore di Peel

Come creare un'unità pubblicitaria per posteriore di Peel


Creazione di un'unità pubblicitaria di pagina buccia o buccia indietro non è così difficile come potrebbe sembrare e può aumentare il tasso di click-through tre a quattro volte rispetto agli annunci banner tradizionali. Peel posteriori annunci richiedono un codice jQuery leggera e sedersi nell'angolo superiore destro di un sito Web. Quando passa il mouse sopra, si espande, rivelando un annuncio più pieno, leggermente di sotto di 500 x 500 pixel, a seconda di come si impostano la dimensione della vostra immagine nel codice dello script.

Istruzioni

1

Scaricare e decomprimere lo script da GitHub. Caricare i file nella stessa directory come la pagina Web dove si intende installare la schiena pelabile.

2

Creare due immagini per l'annuncio di schiena di buccia. Un'immagine verrà visualizzata sul sito Web per impostazione predefinita. Questa immagine dovrebbe essere 50x50 px. La seconda immagine sarà l'annuncio espanso, completo. Questa immagine dovrebbe avere circa 485 x 349 px di spazio visibile. Caricare entrambe le immagini sul server.

3

Definire un URL di clic. Questo sarà l'URL che il tuo annuncio sarà indirizzare il traffico verso una volta che un visitatore fa clic su di esso.

4

Modificare lo script per adattarlo alle impostazioni. Lo script ha alcune impostazioni predefinite, ma sarà necessario modificarli per farlo funzionare per il tuo sito.

adImage si riferisce all'immagine più piccola; peelImage è il più grande. Sostituire la buccia-ad.png e buccia-image. png con il percorso alle vostre immagini.

Per clickURL, immettere il nome del tuo URL invece di http://www.thebestdinosaur.com/"

Lasciare smallSize e bigSize da solo, a meno che non si desidera un pelabile non standard.

Se si utilizza Google Analitica Tracking, è possibile utilizzare i tag per gaTrack e gaLabel per coordinare con le impostazioni di analitica.

5

Chiamare lo script dopo il tag < body > della pagina Web dove si desidera che l'annuncio di buccia a comparire.

Lo script sarà simile a questo:

< script src = "l'http://www.yourwebsite.com/WhereYouUploadedThe/jQuery.peelback.js" >

$(Function () {

$('body').peelback ({

adImage : 'peel-ad.png',

peelImage : '../assets/peel-image.png',

clickURL : 'http://www.thebestdinosaur.com/',

smallSize : 50,

bigSize : 500,

gaTrack : true,

gaLabel : '#1 Stegosaurus',

autoAnimate : true,

debug : false

});

});

< / script >

Consigli & Avvertenze

  • adImage, peelImage e clickURL sono necessari. Tutto il resto è opzionale.