Eine Schale zurück Anzeigenblock erstellen

October 29

Eine Schale zurück Anzeigenblock erstellen

Erstellen eines Peel zurück oder Seite Peel Ad-Einheit ist nicht so schwer wie es mag und Click-through-Rate drei-bis viermal über traditionelle Bannerwerbung erhöhen kann. Peel zurück anzeigen erfordern einen leichte jQuery-Code und sitzen auf der oberen rechten Ecke der Website. Wenn über mitlesen, erweitert es, offenbart eine ausführlichere Anzeige, knapp 500 x 500 Pixel, je nachdem, wie Sie Ihre Bildabmessungen in den Skriptcode festlegen.

Anweisungen

1 Download und entpacken Sie das Skript von GitHub. Laden Sie die Dateien in demselben Verzeichnis wie die Webseite, wo Sie die Schalen wieder Werbung zu installieren möchten.

2 Erstellen Sie zwei Bilder für die hinteren Schalen-Werbung. Ein Bild wird standardmäßig auf der Website angezeigt werden. Dieses Bild sollte 50 x 50 Pixel. Das zweite Bild werden die erweiterten, volle Anzeige. Dieses Bild hätte ca. 485 x 349 Pixel sichtbar Platz. Hochladen Sie beide Bilder auf Ihren Server.

3 Definieren Sie einen URL klicken. Dies wird die URL, die Ihre Anzeige Verkehr zu leiten wird, sobald ein Besucher darauf klickt.

4 Bearbeiten Sie das Skript entsprechend Ihren Einstellungen. Das Skript hat bestimmte Standardeinstellungen, aber du musst damit es für Ihre Website funktioniert geändert.

AdImage verweist auf Ihre kleineren Bild; PeelImage ist größer. Peel-ad.png und Peel-Bild.png mit dem Pfad zu Ihren Bildern zu ersetzen.

ClickURL geben Sie den Namen der URL statt http://www.thebestdinosaur.com/"

SmallSize verlassen und BigSize allein, es sei denn, Sie eine nicht dem Standard entsprechende Schalen-Werbung wünschen.

Wenn Sie Google Analytics Tracking verwenden, verwenden Sie die Tags für GaTrack und GaLabel mit Ihrem Analytics-Einstellungen zu koordinieren.

5 Rufen Sie das Skript nach dem < Body >-Tag der Webseite wo wünschen Ihnen die Schalen Werbung angezeigt werden.

Das Skript wird wie folgt aussehen:

< script Src = "als 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 >

Tipps & Warnungen

  • AdImage, PeelImage und ClickURL sind gefragt. Alles andere ist optional.