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.