Passen Sie Ihre Anzeigen mit dem benutzerdefinierten CSS-Ad-Styling von Ezoic an

Veröffentlicht am

Manchen Publishern reicht es aus, einfach nur Anzeigen auf ihrer Webseite zu platzieren. Andere wiederum bevorzugen mehr Kontrolle über das Gesamtbild ihrer Webseite und möchten, dass ihre Anzeigen ein wenig ausgefeilter und stilisierter sind. Mit dem Custom CSS Ad Wrapper von Ezoic können Sie Ihre Anzeigen jetzt so einrahmen, wie Sie es auf großen Webseiten wie der Washington Post sehen. Vielleicht haben Sie diese Funktion bereits während des Content-Months kennengelernt

Publisher, die Ezoic nutzen, können das Aussehen ihrer Anzeigen mit der Ezoic Chrome-Extension oder über das Ezoic-Dashboard selbst gestalten. Mit diesem Tool können Sie ganz einfach responsive Container um Anzeigenplatzhalter herum erstellen, die auf die Ästhetik Ihrer Webseite abgestimmt sind.

Da es in jeder Nische Hunderttausende von Webseiten gibt, ist es wichtig, sich etwas einfallen zu lassen, um Ihre Webseite ein wenig attraktiver zu machen. Die Änderung der Farben und des Stils Ihrer Werbecontainer kann dazu beitragen, dass sich Ihre Webseite von anderen in der Nische Ihrer Seite abhebt.

So bearbeiten Sie Ihre Anzeigenplatzhalter

Die Bearbeitung des Stils Ihrer Platzhalter ist so einfach wie die Auswahl der Stelle, an der sie erscheinen sollen. Öffnen Sie dazu eine Landing Page auf Ihrer Webseite und klicken Sie auf die Ezoic Chrome-Extension, um Ihre Platzhalter zu aktivieren. 

Wählen Sie dann einen Platzhalter, den Sie stilisieren möchten. Wählen Sie im Dropdown-Menü die Option Bearbeiten. Klicken Sie dann auf das Pinselsymbol.

Auf dieser Registerkarte können Sie festlegen, wie Ihr Platzhalter aussehen soll. Sie können Ränder um die Anzeige herum festlegen, je nachdem, wie viel Platz Sie zwischen Ihrem Inhalt und der Anzeige haben möchten, und entscheiden, welche Ausrichtung Sie für die Anzeige wünschen (links, mittig oder rechts). Sie können auch einen Hinweis auf die Werbung einblenden.

Der letzte Bereich der Anpassung betrifft Farbe und Rahmen. Sie können bestimmte Hexadezimalfarben für den Hintergrund und den Rand der angezeigten Anzeigen wählen, einschließlich der Größe des Hintergrundbereichs (Polsterung). Genau wie der Rand wird auch die Auffüllung in Pixeln für die obere, untere, linke und rechte Seite der Anzeige festgelegt.

Diese Container werden nur geladen, wenn ein Nutzer eine Anzeige von dieser Platzhalterposition aus aufruft. Da sie außerdem responsiv sind, müssen Höhe und Breite nicht festgelegt werden.

Der Ad Template Builder

Wenn Sie ein Anzeigen-Template erstellen möchten, das über mehrere Platzhalter hinweg gespeichert werden kann, können Sie den Anzeigen-Template-Builder in Ad Tester verwenden. Mit dieser Funktion können Sie die Position, den Stil, die Größe und die Seitenregeln festlegen, denen jede Vorlage folgt.

Um zu beginnen, navigieren Sie einfach zu Ihrem Ezoic-Dashboard, wählen Sie die Registerkarte Monetarisierung und scrollen Sie nach unten zum Ad Template Builder. Von hier aus können Sie ähnliche Entscheidungen treffen wie oben beschrieben, aber diese Vorlage kann in mehreren Platzhaltern gespeichert werden oder Sie können bestimmte Seitenregeln festlegen, wo diese Vorlage angezeigt werden soll.

Gestaltung Ihrer Anzeigen

Ezoic hat es Ihnen leicht gemacht, Ihre Anzeigen mit der Chrome-Extension oder über Ihr Ezoic-Dashboard zu gestalten. Wenn Sie aber lieber kodieren, haben wir auch den folgenden Code, den Sie einfach in Ihre CSS-Datei einfügen können:

​​​​//Zur Webseite oder Seite css-Datei hinzufügen//

.fancy_ad {

   container-decoration:”shadow”

   line-width: “2px”

   line_color: “black”

   container-size: “response”

}

//diesen Container mit Platzhaltercode zur Gestaltung von Anzeigen hinzufügen//

<div class=”fancy_ad”>

EZOIC_PLACEHOLDER_CODE_1 

</div>

///end//

Die Anpassung Ihrer Anzeigen kann Ihre Webseite hervorheben und den Unterschied ausmachen, ob jemand Ihre Webseite gegenüber einer anderen in Ihrer Nische bevorzugt. Wer etwas mehr Kontrolle über das Aussehen seiner Webseite haben möchte, kann seine Anzeigen so gestalten, dass sie besser zur Ästhetik der Webseite passen.