Wähle DoubleClick (DCM) für HTML-Werbemittel mit fester Größe, die über DoubleClick Campaign Manager ausgeliefert werden, der heute Campaign Manager 360 heißt. Bannerify fügt Google-kompatible Größen-Metadaten hinzu und verknüpft das Banner mit window.clickTag.
Mit dieser Option exportieren
- Lade die Banner-Frames, die du exportieren willst, in Bannerify.
- Klick im Header von Bannerify auf Export to HTML.
- Wähle unter Code Output Settings die Ausgabeoption, um die es in dieser Anleitung geht.
- Gib die Ziel-URL oder andere plattformspezifische Werte ein, die im Exportpanel angezeigt werden.
- Klick auf den Export-Button, lade die erzeugte
.zip-Datei herunter und entpacke den Haupt-Download von Bannerify.
Wenn du Include individual .zip files for each banner aktivierst, liegen die uploadbereiten Banner-Pakete im Ordner _zips. Einige responsive und einteilige Formate nutzen ein anderes Paket, das auf ihrer eigenen Seite beschrieben ist.
Teste immer genau die exportierte Datei in der Zielplattform oder ihrem offiziellen Validator. Eine lokale Browser-Vorschau bestätigt, dass das Motiv korrekt dargestellt wird, aber nicht, ob das Konto berechtigt ist oder die Plattform das Motiv freigibt.
Lade die einzelnen ZIP-Dateien aus _zips hoch. Eine vollständige Schritt-für-Schritt-Anleitung findest du im Tutorial zum DCM-Export.
Haupt-clickTag und klickbarer Bereich
Gib die URL der Haupt-Landingpage unter dem Exportformat DoubleClick (DCM) im Feld clickTag in <head> ein. Sie liefert den clickTag für den Hintergrund des Banners. Ist auf Banner-Ebene eine Prototyp-URL gesetzt, hat sie Vorrang vor dem Exportfeld.
Der Haupt-Exit deckt die Bannerfläche ab, mit Ausnahme eigenständiger Links und interaktiver oder scrollbarer Inhalte. Ein Klick in einen Disclaimer oder das Scrollen darin öffnet nicht zusätzlich das Hauptziel. Bleibt die Haupt-URL leer, ist der Hintergrund-Exit trotzdem aktiv; DCM behält dann seine Standard-URL.
Weitere clickTags für Text- und Ebenen-Links
- Für einen Link in Live-Text markierst du die verlinkten Wörter in Figma und weist ihnen über die Hyperlink-Funktion für Text in Figma eine normale
https://-URL zu. Lass Export text as <p> tags instead of <svg> für Text-Links aktiviert; gesperrter Text oder Text mit Bild-Override kann keine einzeln klickbaren Wörter behalten. - Für einen Button, eine fixierte Fußzeile oder eine andere Ebene der Zeitleiste fügst du im Figma-Panel Prototype die Interaktion On click → Open link mit der Ziel-URL hinzu. Siehe Links zu Ebenen hinzufügen.
- Lade die Banner in Bannerify neu und exportiere mit DoubleClick (DCM).
Bannerify erstellt automatisch clickTag2, clickTag3 und weitere Variablen für unterschiedliche HTTP/HTTPS-Ziele. Mehrfach vorkommende identische URLs teilen sich einen clickTag, etwa bei einer fixierten Fußzeile und einem Link in scrollbarem Text. Ein Link mit demselben Ziel wie das Hauptziel nutzt clickTag. Die Nummerierung folgt der Reihenfolge, in der die Links im jeweiligen Werbemittel vorkommen, und kann sich ändern, wenn sich die Links oder die Reihenfolge der Ebenen ändern.
Verwende in Figma normale Ziel-URLs, keine Variablennamen oder Enabler.exit()-Aufrufe. Eigenes eingefügtes HTML/JavaScript wird nicht automatisch umgewandelt. Prüfe manuell definierte clickTags auf Konflikte mit den generierten Namen.
Teste nach dem Export den Hauptbereich und jeden einzelnen Link und bitte dann deinen Trafficker, die erkannten clickTags und Landingpages in Campaign Manager 360 zu prüfen. Ein lokaler Test des Exports bestätigt nicht, dass der Adserver das Werbemittel akzeptiert oder korrekt auswertet. In den clickTag-Richtlinien von Google steht, wie CM360 diese Variablen erkennt und überschreibt.