Erstellung eines MSN Today Expandables Stand 03/2010

Transkript

1 Erstellung eines MSN Today Expandables Stand 03/2010

2 Definition eines MSN Today Banners Ein MSN Today Banner besteht aus: Default / Backup Image max. 40 KB (jpeg or gif) Default Flash Datei / Basiselement (swf) Panel Flash Datei / Expandedelement (swf) Ad Size: 180x150/Full Expanded Größe: 555x360: Panel Expansion: nach links oben Max initialisierte Downloadgröße: 40 KB Max Schwere polite download: 100K Max Schwere progressive Download (Video/ Streaming Only): 2,2 MB Audio Spezfikationen/ Limit: Nur auf User Klick; Dauer: 30 sek Animation/ Looping Limit: Dauer: 15 sek, Loop Limit: Unlimited, Video Dauer: 30 sek

3 Erstellung eines MSN Today Banners Geben Sie dem Ad einen Namen (Ad Name) Wählen Sie einen Speicherort aus (Location) Wählen Sie Name für Banner und Panel Klicken Sie Create

4 MSN Today Banner im Workshop Workshop Fenster zur Übersicht vom Basiselement (Banner) und Expandedelement (Panel1). Alle Scripte (Expandierung, Schließen und verlinkung) sind im Template voreingestellt. Es wurde ein Ordner auf Ihrem Rechner erstellt mit dem Ad Namen. Hier befinden sich die Dateien:.fla (Basis-und Panelelement),.ebs und.eba In der Flash Umgebung sind nun Basis- und Panelelement geöffnet und können bearbeitet werden.

5 Eyeblaster Actionscript - Basisbanner In jedem Ad, was über Eyeblaster laufen soll, muß folgendes im 1. Frame stehen: AS2: #include "ebflashactions.as AS3: include "<local drive>/documents and Settings/<username>/Local Settings/Application Data/Adobe/Flash CS3/<language>/Configuration/Include/ebFlashActionsAS3.as" Ansonsten soll der erste Frame frei von Movieclips oder Grafiken bleiben. Im Expandable Banner Template sind die Action Scripts bereits voreingestellt. Basisbanner: Link-Button: clickthrough_btn.onrelease = function(){ EB.Clickthrough( NamedesBanners ); } Ersetzen Sie click_through_btn mit dem Namen Ihres eigenen Buttons. Alternativ können Sie einen Klickbefehl direkt auf den Button setzten. Setzen Sie in die Anführungszeichen einen Namen für den Banner wie zb contentad Expandieren mit Mouse Over: show_roll_btn.onrollover = function(){ EB.ExpandPanel("panel1, user ); } Ersetzen Sie show_roll_btn mit dem Namen Ihres eigenen Buttons. Alternativ können Sie einen Klickbefehl direkt auf den Button setzten. Setzen Sie in die Anführungszeichen einen Namen für den Panel wie zb panel1 oder Layer

6 Eyeblaster Actionscript - Panel Panel: Close-Button zum manuellen schließen (User Interaction): close_btn.onrelease = function(){ EB.CollapsePanel( panel1, user ); } Ersetzen Sie close_btn mit dem Namen Ihres eigenen Buttons. Alternativ können Sie einen Klickbefehl direkt auf den Button setzten. Setzen Sie in die Anführungszeichen den Namen ihres Panels wie zb panel1 oder Layer Automatisches Schließen nach Ende der Animation: Bitte nutzen Sie hier nicht CloseAd, da sich dann auch der Basisbanner mit schließt. Ersetzen Sie show_roll_btn mit dem Namen Ihres eigenen Buttons. Alternativ können Sie einen Klickbefehl direkt auf den Button setzten. Setzen Sie in die Anführungszeichen einen Namen für den Panel wie zb panel1 oder Layer Sie können auch auf das Panel einen Clickthrough-Button setzen (genau wie auf der vorigen Seite beschrieben). Nach Ablauf der Animation des Panels soll es sich automatisch schließen. EB.CollapsePanel( panel1, auto );

7 Positionierung Panel Die Positionierung des Panels kann direkt in Flash Umgebung eingestellt werden: Verschieben Sie das Panel manuel mit Ihrer Mouse

8 Preview eines Expandable Banner Klicken Sie im Workshopfenster einfach auf Preview, um eine Vorschau Ihres Ads sehen zu können Preview Funktion aus der Flash Umgebung heraus: Positioning: Werbemittel positionieren (wird bei mehreren Ads verwendet) Preview Url: Werbemittel auf einer Website prüfen Interactions Monitor: Actions Scripts prüfen Share Preview: Preview Url des Werbemittels um sie weiter zu versenden

9 Anpassungen durch Ad Settings In Flash Umgebung können diverse Einstellungen durchgeführt werden: Ad: Geben Sie ein Default Image und eine Ziel Url an Banner: Nehmen Sie hier die Einstellungen für das Basisad vor Panel: Nehmen Sie hier die Einstellungen für das Panel vor

10 Upload Werbemittel in Adserver Laden Sie nun das Werbemittel in einem Paket (.ebs File) aus der Flash Umgebung hoch: Geben Sie Ihre Zugangsdaten ein Das Werbemittel ist jetzt komplett im Adserver eingestellt. Bei Klick auf Edit Ad Online wird zum Werbemittel im Adserver verlinkt

11 Definition von.ebs,.eba und.ebc Die.ebs und.eba Dateien werden automatisch nach Upload des Bundles generiert und lokal abgespeichert: Die.eba-Datei ist eine Eyeblaster Projekt Datei. Einstellungen wie Panel Positionierung und Klick Url sind gespeichert. Eba kann nur in Flash Umgebung im Workshop bei Open an Existing Ad geöffnet werden. Sie wird automatisch generiert. Die.ebs-Datei ist eine Eyeblaster Bundle Datei. Backup Image, SWF s und.eba-datei sind in dieser Datei komprimiert. Kann im Adserver bei Create Ad from Bundle als fertiges Ad hochgeladen werden. Sie wird automatisch generiert. Die.ebc-Datei ist eine Eyeblaster Quelldatei. Alle Dateien plus Fonts und AS sind hier enthalten. Kann nur in der Flash Umgebung im Workshop bei Open an Existing Ad geöffnet werden. Sie wird per Klick generiert.

12 Upload vom Workshop auf den Adserver Die.ebs Datei kann ohne Flash Umgebung unter Create Ad from Bundle hochgeladen werden: Nach Klick auf Upload Bunde ist das Werbemittel komplett im Adserver mit allen Einstellungen aus der.eba Datei angelegt.

13 Workshop Werbemittel auf dem Adserver Das Ad kann in Eyeblaster editiert werden Ad Editieren: Klicken Sie auf das Bleistift-Icon oder doppelklicken Sie auf das Ad selbst um es zu editieren. Ad Format: Hier können die Assets ausgetauscht werden und somit zb korrigierte swfs hochgeladen werden, ohne das Ad neu zu erstellen.

14 Workshop Werbemittel auf dem Adserver Positioning: Hier können Sie Ihr Ad und das Panel positionieren Actions and Tracking: Hier können Ziel-URL und Zählpixel angegeben werden.

15 Die Vorteile des Eyeblaster Workshop Templates sind vorhanden und individuell einstellbar Unkomplizierter Upload direkt aus der Flash Umgebung Preview Funktion in der Flash Umgebung Interaction Monitor Bundling alle Dateien zu einem Ad

16 Allgemeines Der Eyeblaster Workshop ist nur möglich mit MXP Extension Kit. Download Ad Name = Asset Folder Name Einstellungen wie Positionierung oder Verlinkung können im Adserver oder direkt in der Flash Umgebung durchgeführt werden Die Speicherort der Dateien sind beliebig auswählbar Eigene Templates sind einstellbar Alle Dateien eines Werbemittels werden zu einer einzigen Datei (.ebs) gebündelt Download von Step-for-step-Video-Dokumentationen und PDFs über die Erstellung von Standard Ads mit dem Workshop (Download) Anfrage Zugangsdaten Eyeblaster Adserver bitte an: creative_de@eyeblaster.com

17 Vielen Dank Bei weiteren Fragen zur Umsetzung bitte wenden an: