Production d un gif/jpg de la taille du format de départ (non expand) poids de moins de 40Ko. (Pour les navigateurs non équipés de Flash player)

Transcription

1 Eléments graphiques Format Expandable Banner jusqu à 2.2Mo : Production d un gif/jpg de la taille du format de départ (non expand) poids de moins de 40Ko. (Pour les navigateurs non équipés de Flash player) Production d un Flash de Défaut, à la taille du format de départ (partie non expand) poids de moins de 40Ko. (Affiché directement lors du chargement de la page) Production d un Flash Expand poids < à 300Ko maxi Production d un FLV ou SWF lourd d un poids max de 2,1Mo Poids Total des éléments = 2,2 Mo maxi. Codes Eyeblaster à utiliser dans le FLA : (L ensemble des codes sont déjà présents dans le template) 1. Toujours laisser la 1 ère frame vide avec dessus le code suivant : #include "ebflashactions.as" 2. Pour le bouton de clic, mettre le code suivant : on (release) { EB.Clickthrough(); 3. Pour le bouton fermer : on (release) { EB.UserActionCounter('fermer'); EB.CollapsePanel('expand'); 4. Si des interactions sont présentes dans la créa, indiquer le code suivant : on (release) { EB.UserActionCounter('nom_interaction'); (Exemple : EB.UserActionCounter('clic_vignette'); )

2 Etape 1 : Récupération du template et création du dossier de travail Récupérez le fichier zip et décompressez le dans un dossier en vous assurant que ce dernier ne comporte pas de caractères spéciaux dans son chemin d accès. Etape 2 : Installation du Workshop et ouverture du template Pour PC : double-cliquez sur le MXP du Workshop pour l installer dans Flash Pour MAC : Ouvrez Flash et allez dans le menu Aide -> Gérer les extensions puis dans le menu fichier installer l extension MXP Eyeblaster. Ensuite, redémarrez Flash et allez dans le menu : Fenêtre -> Autres Panneaux -> Eyeblaster Workshop Une fois la fenêtre du Workshop ouverte, cliquez sur : Open an existing Ad, puis Start Creating Ouvrez le fichier.eba correspondant. Etape 3 : Adaptation des animations Produire ou remplacer les animations dans les flashs ouverts avec le template. Attention de bien garder les éléments suivants : - Première frame vide avec uniquement l include suivant dessus : #include "ebflashactions.as" - Le boutons de clic avec le code : EB.Clickthrough(); (pour renvoyer vers le site de l annonceur) - Toutes les interactions déjà présentes du type : EB.UserActionCounter("nom_de_l_interaction"); Remplacer le Gif/Jpg de backup présent dans le dossier en gardant le même nom.

3 Etape 4 : Paramêtres généraux du format Cliquer sur le bouton Boite à outils Paramêtrer le Nom / Image de backup / Url de destination : Image gif ou Jpeg de backup URL de destination de la campagne Paramêtrer le SWF de départ : Ouverture automatique de l expand ou non

4 Paramêtrer le Panel (SWF Expand) : Pour activer le rollover Pour activer le rollout Cocher si expand transparent Paramêtrer l additional asset (FLV ou SWF) :

5 Pour l ajout d un Additonal Asset vidéo en FLV : Consulter le guide vidéo suivant : Pour l ajout d un Additonal Asset (fichier lourd ou vidéo) en SWF, supérieur à 300Ko : Ouvrir la fenêtre de composants Flash et choisir Eyeblaster Video. Glisser le composant SWFVideoLoader sur la scène du Panel qui chargera l additional asset : -> Lui donner un nom d instance (ex : myswf_loader ) Puis dans une frame suivante, placer le code ci-dessous : //Fontion pour le composant SWF Video Loader function onprogress(buf, l, pl) { loadprogress = Math.round(buf); playprogress = pl; if (playprogress == 100) { //Code à interprêter lorsque le SWF lourd arrive en fin de timeline myswf_loader.videosetprogresseventhandler(onprogress); //Code pour charger et jouer le SWF lourd myswf_loader.videoloadandplay(ebmovie1,25,0.1); //Fonction indicant l'action souhaitée à executer après démarrage de la vidéo function chk() { this.onenterframe = function() { if (myswf_loader._fisloaded == true) { this.onenterframe = null; //relance la lecture du timeline dès que la vidéo commence à jouer : play(); ; //On déclare la fonction chk chk(); stop(); Placer le code suivant en frame 1 pour tester le fichier en local : //Code pour le test de la vidéo en local : if (typeof (_root.ebmovie1) == "undefined") { _root.ebmovie1 = "video.swf"; Ajouter l additional asset au projet Workshop, cliquer le bouton +

6 Positionnement de l expand : Cliquer sur le bouton et positionner le Panel (Partie Expand)

7 Etape 5 : Montage et prévisualisation du format dans la plateforme Eyeblaster Pour monter/uploader le format sur votre compte Eyeblaster, cliquer sur Upload Ad Renseigner login + mot de passe dans la fenêtre suivante :

8 Dans la fenêtre suivante, récupérer le numéro d identifiant du format uploadé dans votre compte : l AD ID Le lien de preview sera aussi disponible pour faire valider le format à un tiers : Numéro AD ID à récupérer URL de preview En cas de mise à jour, uploader à nouveau et choisir Override afin de mettre à jour le format précédemment monté.

9 Et envoyer le mail type suivant à l adresse : creative_fr@eyeblaster.com Exemple : Sujet du mail : Nokia N6210 Ads Ids à checker ////////////////////////////// Annonceur : (ex. : Nokia) Campagne : (ex. : N6210) Ad IDs : (ex. : ) ////////////////////////////// Etape 7 : Déclinaison à partir d un format déjà créé Afin de créér un nouveau format à partir de celui déjà produit, aller dans le menu : Ad -> Save As Puis enregistrer ce dernier avec un nouveau nom dans un nouveau dossier dédié, et recommencez la procédure.