Tutorial: So erstellen Sie Floating Ads für Ihre Website

Zuletzt aktualisiert am 23. März 2018 um 05:48 Uhr

Erstellen Sie eine schwebende Anzeige

Möchten Sie eine Anzeige, die auf Ihren Websites auf einer festen Position steht? Eine Anzeige, die überall dort schwebt, wo die Besucher sind, und die Anzeigen immer noch da sind. Dies erhöht Ihre Klickrate oder Klickrate erheblich und sogar Ihre Anzeigeneinnahmen.

Ich persönlich verwende dieses Skript auf meinen anderen Websites und die Klickrate ist einfach fantastisch. Daher werde ich Ihnen mein sehr einfaches Skript zum Erstellen von Floating-Anzeigen zur Verfügung stellen, die perfekt für Ihre Website mit Blogs geeignet sind.

Demo anzeigen

Es ist sehr einfach, dieses Ergebnis zu erzielen. Sie müssen nur etwas CSS und HTML optimieren oder einfach mein Skript ändern, um es zu verwenden. Auf geht's.

Floating Ad

Erstellen Sie das CSS

Erstellen Sie das CSS, das Sie bei Bedarf anpassen können. Ich werde das als speichern FloatingAd.css

.myFloatBar {bottom: 0; links: 0; Breite: 50%; Position: fest; links auffüllen: 0; } button {Hintergrundbild: URL (https://i.imgur.com/FLKvPu5.png); / * HIDE BUTTON IMAGE * / Hintergrundwiederholung: keine Wiederholung; Hintergrundposition: 50% 50%; Höhe: 20px; Breite: 20px; Grenze: keine; Polsterung: 0; } button span {display: none; }}

Das Javascript

Speichern Sie dies als ad.js.

$ (Dokument) .ready (function () {$ ("button"). Click (function () {$ ("ad"). Toggle (500);});});

Der HTML

Rufen Sie die erforderlichen Dateien auf und achten Sie darauf, sie anzuzeigen Demo Seite und setzen Sie den folgenden Code irgendwo zuvor  Etikett. Es ist einfach.

 




Oder laden Sie diese Datei herunter —-> ZIP HERUNTERLADEN


Gesponserte Inhalte:


Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

de_DEDeutsch
en_USEnglish fr_FRFrançais es_ESEspañol nl_NLNederlands ro_RORomână de_DEDeutsch