Allgemein

HTML 5 Banner mit Google Webdesigner erstellen

HTML 5 Banner mit Google Webdesigner erstellen

Während viele sich immer noch darüber den Kopf zerbrechen, wie eine perfekte Google Anzeige aussieht und welches Format bevorzugt wird, könnte Google selbst die Antwort auf die Frage geliefert haben. Mit dem Google Webdesigner stellt die bekannteste Suchmaschine ein kostenloses Programm zur Erstellung von HTML5 Bannern zur Verfügung. Auch ohne Programmierkenntnisse kann man beruhigt mit dem Programm starten, denn diese sind keine Voraussetzung um HTML5 Banner mit dem Google Webdesigner zu erstellen.

 

Vorteile von HTML5 Bannern

Das GIF-Banner war vorgestern, Flash gestern und nun setzt die Online-Werbung auf Anzeigen im HTML5-Format. Der Grund ist einfach: Ob eigene Schriften, komplexe Grafiken oder Animationen – die Gestaltungsmöglichkeiten sind grenzenlos und ersetzen das Flash-Format mittlerweile komplett.

Dazu kommt ein weiterer in der heutigen Zeit ausschlaggebender Vorteil: HTML5 Banner können responsiv erstellt werden. Zu Flashzeiten war dies noch nicht möglich. Aber auch heute werden eine Vielzahl der HTML5 Banner noch mit festen Größen erstellt.

 

Nachteile von HTML5 Bannern

Bei älteren Browsern, die HTML5 noch nicht verstehen, oder JavaScript-Deaktivierung, kann es hier zu Anzeigeproblem kommen. Laut Google betrifft dies weniger als 5 % der Internetnutzer (Stand April 2016). Angeblich werden die Anzeigen dem Nutzer dann auch nicht ausgespielt. Mit einer Fallback-Variante (einem statischen Bild der Anzeige) kann man dieses Problem umgehen.

 

Auf die Schnelle: HTML5 Banner mit dem Google Webdesigner erstellen

Mit dem GWD lassen sich schnell für Google AdWords optimierte Banner in den verschiedensten Formaten erstellen. Zu Beginn ist es wichtig die Anzeigenumgebung (in dem Fall „AdWords“) und das Format festzulegen. Bei den Formaten empfiehlt sich HTML5-Banner in den 6 Standard Formaten zu erstellen:

  • 300 × 250
  • 336 × 280
  • 160 × 600
  • 120 × 600
  • 728 × 90
  • 468 × 60

Im weiteren Schritt geht es um die Gestaltung – hier kann man aus dem vollen schöpfen.

TIPP: Mit einem Call-to-Action Button erhöht man die Interaktionsrate des Banners, da dem Nutzer suggeriert wird, dass sich dahinter einer Verlinkung verbirgt, die ihm mehr Informationen liefert.

Ist das Banner gestalterisch umgesetzt, kann eine Wiederholungs-Schleife einfügt werden. Insgesamt darf das Banner aber nicht länger als 30 Sekunden sein. Dazu setzt man ein Label bei 0 Sekunden auf der Zeitachse und ein Ereignis beim gewünschten Endpunkt. Dem Ereignis wird eine Aktion „Zeitachse – gotoAndPlayNTimes“ hinzufügt, der Empfänger (meist page1) bestimmt und anschließend mit dem Label und der gewünschten Wiederholung unter „Konfiguration“ verbunden.

Im letzten Schritt wird das HTML5 Banner veröffentlicht. Hier gilt es die maximale zip-Dateigröße von 150 KB (unkomprimiert) nicht zu überschreiten. Sollte diese überschritten sein, empfiehlt es sich verwendete Bilder so weit wie möglich zu komprimieren, z. B. mit dem Tool Tiny PNG

Nur gezippte Dateien mit max. 150 KB können anschließend bei Google AdWords hochgeladen werden.

 

Die wichtigsten Schritte im Überblick

HTML5_Banner_erstellen

Wer nun loslegen möchte, der kann sich den Google Webdesigner herunterladen und mit dem Experimentieren beginnen. 😊

 

The following two tabs change content below.

Julia

Hallo, ich bin Julia und unterstütze das Team der Klickkomplizen seit August 2015 im Bereich Web- und Printdesign. Mein Herz schlägt für Photoshop und InDesign und somit auch für Neuheiten und Trends in diesem Bereich.
NEU im #klickkomplizen Blog: @Ecosia ist die Suchmaschine, die Bäume pflanzt. Und wenn ihr Werbeanzeigen schalten w… https://t.co/ZmSl96yTkl
NEU im #klickkomplizen Blog: Claudia hat @TwitchDE unter die Lupe genommen & stellt euch hier kurz und knackig das… https://t.co/B4Ws09rAm5
NEU im #klickkomplizen Blog: Sandy stellt vor: 5 erfolgversprechende Content-Formate im B2B Marketing im Überblick.… https://t.co/RhWLWfBEIU
NEU im #klickkomplizen Blog: Kerstin fasst zusammen, was es in letzter Zeit neues bei @LinkedInDACH gab! Nutzt ihr… https://t.co/tHriBOLSg0
NEU im #klickkomplizen Blog: Nutzt ihr auch das InStream-Format bei #YouTube ? Anastasia hat 5 #content Tipps für d… https://t.co/CwkvnR1KBN
NEU im #klickkomplizen Blog: Caro, unsere neue Trainee, stellt sich hier im Interview vor: hello & welcome to the f… https://t.co/0FSEq5jaea
NEU im #klickkomplizen Blog: Kleine & mittelständische Unternehmen profitieren in hohem Maße von kostenfreien Googl… https://t.co/pgREthpzbu
NEU im #klickkomplizen Blog: Schon entdeckt? Wir Klickis haben jetzt eigene AR-Filter auf Instagram, die du für Sto… https://t.co/eFlnzRZQGu
NEU im #klickkomplizen Blog: https://t.co/tF9rTtILAE Sabrina erklärt, was bei #whatsapp für Unternehmen (noch) geht… https://t.co/nhidsZbox2
NEU im #klickkomplizen Blog: https://t.co/57UJMgHte6 Heute gibt's als 🔎 Teaser 🔍 zu unserem morgen erscheinenden Ne… https://t.co/FPZjFIZb4L
NEU im #klickkomplizen Blog: 📹📈📉🎞 Anastasia erklärt, wie sie sich die Performance von Videos in #googleads ausgeben… https://t.co/noVGFz41SL
NEU im #klickkomplizen Blog: Tomke fragt: warum nicht einfach alle möglichen Zielgruppen zur Beobachtung bei… https://t.co/9diXFymNdu
NEU im #klickkomplizen Blog: heute zeigen wir euch mal eine unserer #referenzen: einen Logorelaunch und eine Websi… https://t.co/oSRCqrEXWH
NEU im #klickkomplizen Blog: Kerstin fasst hier kurz die "latest news" aus dem #facebook Universum zusammen: es geh… https://t.co/rn07mV3kGG
NEU im #klickkomplizen Blog: Claudia stellt euch hier im Blog ein paar #bestpractices von @tiktok_de vor, wie Werbe… https://t.co/RgqjdFUePG
NEU im #klickkomplizen Blog: eine kleine News aus dem #googleshopping Universum stellt Vivien in diesem Beitrag vor… https://t.co/8HIDdVQ1t6
NEU im #klickkomplizen Blog: Cross-Posting leicht(er) gemacht 👀: im Creator Studio lassen sich easy #Facebook Posts… https://t.co/mzuOMX0rYc
NEU im #klickkomplizen Blog: Setzt ihr gerade eine neue #SEA #Kampagne auf? Dann haben wir hier noch einmal 4 gute… https://t.co/oASFl8d7Av
NEU im #klickkomplizen Blog: 🔎🔎🔎 Sandy hat in diesem Artikel die interessantesten News zusammengestellt und stellt… https://t.co/FUBhngqqWv
NEU im #klickkomplizen Blog: Habt ihr schon von den @Facebook Messenger Rooms gehört? Diese und andere Neuigkeiten… https://t.co/a7tQ4A9Ib6