Neu im Publisher-Panel

Werbecode-Generator: Responsiven Anzeigencode selbst erstellen

Wählen Sie ein Format für den Desktop und eines für die mobile Ansicht, richten Sie den Platz links, mittig oder rechts aus und geben Sie ihm bei Bedarf Hintergrund, Rahmen und abgerundete Ecken. Die Vorschau zeigt das Ergebnis sofort, der Code liegt fertig zum Kopieren bereit.

  • Desktop- und Mobil-Format frei wählbar
  • Ausrichtung, Hintergrund, Rahmen, Ecken und Abstände
  • Live-Vorschau mit Umschalter zwischen Desktop und Mobil
Adsovo Werbecode-Generator: Vorschau der Mobilen Ansicht mit Einstellungen für Format, Ausrichtung und Gestaltung Desktop-Ansicht Mobile Ansicht Eigenes Design
2 Ansichten: Desktop und Mobil
16 Formate im Werbenetzwerk
0 Zeilen Code selbst schreiben
60 % des Werbebudgets für Publisher

Der Generator ist Teil des Publisher-Panels und für jedes Publisher-Konto kostenlos.

Was der Werbecode-Generator kann

Vom Format bis zum Rahmen, ohne CSS zu schreiben.

Format für den Desktop

Wählen Sie aus allen Formaten mit aktiven Anzeigen, zum Beispiel Billboard, Leaderboard oder Wide Skyscraper.

Format für die mobile Ansicht

Wählen Sie dazu das passende Mobil-Format, etwa Mobile Banner, Large Mobile Banner oder Medium Rectangle.

Ausrichtung

Platzieren Sie den Anzeigenplatz links, mittig oder rechts im Inhaltsbereich.

Hintergrund und Rahmen

Mit Farbwähler für den Hintergrund und den Rahmen, Rahmenstärke von 1 bis 4 Pixeln.

Ecken und Abstände

Abgerundete Ecken bis 24 Pixel, Innenabstand bis 40 Pixel und Abstand oben und unten bis 60 Pixel.

Beschriftung

Optional über der Anzeige: Anzeige, Werbung oder Gesponsert.

Alle Einstellungen im Überblick

Jede Änderung wirkt sofort auf die Vorschau und den Code.

Alle Einstellungen im Überblick
Einstellung Wirkung Werte
Desktop-Ansicht Format, das ab 768 Pixel Breite erscheint Alle Formate mit aktiven Anzeigen
Mobile Ansicht Format, das unter 768 Pixel Breite erscheint Alle Formate mit aktiven Anzeigen
Ausrichtung Position des Platzes im Inhaltsbereich Links, Mittig, Rechts
Hintergrund Farbfläche um die Anzeige Ein oder aus, frei wählbare Farbe
Rahmen Linie um den Platz Ein oder aus, Farbe, 1 bis 4 Pixel
Ecken Abrundung von Hintergrund und Rahmen 0 bis 24 Pixel
Innenabstand Luft zwischen Anzeige und Rahmen 0 bis 40 Pixel
Abstand oben und unten Abstand zum Text davor und danach 0 bis 60 Pixel
Beschriftung Kleiner Text über der Anzeige Ein oder aus, Anzeige, Werbung oder Gesponsert

Anzeigen, die der Advertiser fest an den Bildschirmrand setzt (Sticky, Pop-in, Ganzseitig), übernehmen den Rahmen nicht.

Fertiges Paket oder Generator?

Beides führt zum gleichen Ergebnis, nur der Weg ist ein anderer.

Fertiges Paket oder Generator?
Merkmal Fertiges Paket Werbecode-Generator
Aufwand Ein Klick auf Code kopieren Formate und Gestaltung wählen, dann kopieren
Formate Bewährte Kombinationen Frei wählbar
Gestaltung Schlicht, ohne Rahmen Ausrichtung, Hintergrund, Rahmen, Ecken, Abstände
Geeignet für Schneller Start Seiten mit eigenem Design

Die fertigen Pakete finden Sie im Panel direkt über dem Generator, mehr dazu unter Responsive Werbung einbinden.

Anleitung: Code in vier Schritten erstellen

Vom Format bis zum kopierten Code.

  1. 1

    Formate wählen

    Öffnen Sie im Publisher-Panel Werbung integrieren und scrollen Sie zu Eigenes Paket erstellen. Wählen Sie das Format für die Desktop-Ansicht und das für die mobile Ansicht.

  2. 2

    Ausrichtung und Gestaltung festlegen

    Stellen Sie links, mittig oder rechts ein. Schalten Sie bei Bedarf Hintergrund, Rahmen und Beschriftung ein und stellen Sie Ecken und Abstände mit den Reglern ein.

  3. 3

    Vorschau prüfen

    Mit dem Umschalter wechseln Sie zwischen Desktop-Ansicht und Mobiler Ansicht. Ändern Sie ein Format, springt die Vorschau automatisch auf die passende Ansicht.

  4. 4

    Code kopieren und einfügen

    Klicken Sie auf Code kopieren und fügen Sie den Code in Ihre Seite ein. Das Adsovo-Skript muss eingebunden und die Domain verifiziert sein.

So sieht der Werbecode-Generator aus

Screenshots aus dem Adsovo Publisher-Panel.

Werbecode-Generator von Adsovo: Vorschau der Desktop-Ansicht mit Billboard 970 x 250 und fertigem Code
1. Desktop-Ansicht: Das gewählte Format erscheint in einem Browserfenster, darunter steht der fertige Code
Werbecode-Generator von Adsovo: Vorschau der Mobilen Ansicht mit Large Mobile Banner 320 x 100 im Smartphone
2. Mobile Ansicht: Per Umschalter sehen Sie, wie der Platz auf dem Smartphone aussieht
Werbecode-Generator von Adsovo: Anzeigenplatz mit Hintergrundfarbe, Rahmen, abgerundeten Ecken und Beschriftung
3. Gestaltung: Ausrichtung, Hintergrund, Rahmen, Ecken, Abstände und Beschriftung ändern Vorschau und Code sofort
Fertiger Responsive-Werbecode im Adsovo Werbecode-Generator mit Button Code kopieren
4. Der fertige Code mit Ihrem Publisher-Schlüssel, bereit zum Kopieren

Was ist der Werbecode-Generator?

Der Werbecode-Generator ist ein Werkzeug im Publisher-Panel, das den Code für responsive Werbung für Sie zusammenstellt. Sie wählen Formate und Gestaltung mit Auswahlfeldern, Schaltern und Reglern, der Generator schreibt daraus den fertigen HTML- und CSS-Code. Sie müssen nichts von Hand tippen und können das Ergebnis in der Vorschau prüfen, bevor es auf Ihre Seite kommt.

Der Generator ergänzt die fertigen Pakete im Panel. Wer schnell starten möchte, kopiert ein Paket. Wer ein bestimmtes Format, einen anderen Rahmen oder eine andere Ausrichtung braucht, erstellt ein eigenes.

Vorschau für Desktop und Mobil

Die Vorschau zeigt eine Platzhalter-Seite mit Kopfzeile, Titelbild und Text. Mitten darin steht der Anzeigenplatz in seiner echten Größe. Ein Umschalter wechselt zwischen dem Browserfenster der Desktop-Ansicht und dem Smartphone der Mobilen Ansicht. So erkennen Sie, ob ein Format zu groß, zu klein oder an der falschen Stelle ist, ohne die Seite zu verändern.

Die Vorschau zeigt Platzhalter mit den Maßen des Formats. Welche echte Anzeige später erscheint, hängt von den aktuellen Kampagnen ab.

Gestaltung: Ausrichtung, Hintergrund, Rahmen und Abstände

Die Gestaltung betrifft den Rahmen um die Anzeige, nicht die Anzeige selbst. Mit der Ausrichtung entscheiden Sie, ob der Platz links, mittig oder rechts steht. Ein Hintergrund und ein Rahmen setzen die Anzeige optisch vom Text ab, abgerundete Ecken lassen sie ruhiger wirken. Innenabstand und Abstand oben und unten sorgen für Luft. Eine Beschriftung wie Anzeige oder Werbung macht für Besucher klar, dass es sich um Werbung handelt.

Wichtig für die Praxis: Die Beschriftung ist standardmäßig aus. Rechtliche Anforderungen an die Kennzeichnung von Werbung hängen von Ihrer Seite ab, Hinweise dazu finden Sie unter Werbung und Datenschutz.

Der erzeugte Code

Der Code enthält einen kurzen style-Block mit einer eindeutigen Klassenkennung für Ihr Paket, damit sich mehrere Pakete auf einer Seite nicht stören, und zwei Platzhalter mit Ihrem Publisher-Schlüssel. Ein Platz gilt für die Desktop-Ansicht, einer für die mobile Ansicht. Unter 768 Pixel Breite blendet die CSS-Regel den Desktop-Platz aus und zeigt den mobilen.

Weil nur sichtbare Plätze eine Anzeige laden, entsteht keine doppelte Auslieferung. Das Prinzip erklärt die Seite Responsive Werbung einbinden genauer.

Grenzen des Generators

Anzeigen, die der Advertiser als Sticky, Pop-in oder Ganzseitig ausspielt, werden am Bildschirmrand fixiert und übernehmen daher Ausrichtung und Rahmen des Platzes nicht. Der Generator bietet nur Formate an, für die aktuell Anzeigen vorliegen. Sobald für weitere Formate Kampagnen laufen, erscheinen sie in der Auswahl.

Häufige Fragen zum Werbecode-Generator

Antworten zu Funktionen, Vorschau und Code.

Ein Werkzeug im Publisher-Panel, das den Code für responsive Werbung erzeugt. Sie wählen Formate und Gestaltung, die Vorschau zeigt das Ergebnis, der Code liegt zum Kopieren bereit.

Nein. Er ist Teil des Publisher-Kontos, das kostenlos ist.

Ausrichtung links, mittig oder rechts, Hintergrund, Rahmen mit Farbe und Stärke, abgerundete Ecken, Innenabstand, Abstand oben und unten sowie eine optionale Beschriftung.

Dort, wo die Anzeige erscheinen soll: in einem HTML-Block, Widget oder Template. Das Adsovo-Skript muss auf der Seite eingebunden sein.

Ja. Jedes Paket hat eine eigene Klassenkennung, die Pakete stören sich nicht.

Im Publisher-Panel unter Werbung integrieren, direkt unter den fertigen Responsive-Paketen im Bereich Eigenes Paket erstellen.

Ja. Beide Formate wählen Sie aus allen Formaten, für die aktuell Anzeigen vorliegen.

Nein, sie zeigt Platzhalter in der Größe des Formats auf einer Muster-Seite. So sehen Sie Platz und Gestaltung, ohne dass etwas geladen oder gezählt wird.

Anzeigen, die als Sticky, Pop-in oder Ganzseitig ausgespielt werden, sind am Bildschirmrand fixiert. Dort wirkt der Rahmen des Platzes nicht.

Ein Paket ist eine fertige Kombination zum direkten Kopieren. Mit dem Generator wählen Sie Formate und Gestaltung selbst.

Passende Ratgeber

Mehr zu Plätzen, Formaten und Verdienst.

Weiterführende Seiten

Werbecode-Generator nutzen: Jetzt als Publisher registrieren

Jetzt Ihren Werbecode erstellen

Registrieren Sie sich kostenlos, verifizieren Sie Ihre Domain und erstellen Sie Ihr erstes Paket im Generator.