Guide Workshop MediaMind pour formats : PUSHDOWN BANNERS

Transcription

1 Guide Workshop MediaMind pour formats : PUSHDOWN BANNERS SYNTHESE DES ELEMENTS A PRODUIRE Eléments graphiques : Format Polite Banner jusqu à 300Ko : - Production d un gif/jpg aux même dimensions que le format flash à produire et d un poids < ou = à 69Ko maxi. (si pas équipé du player Flash et/ou Javascript) - Production d un Flash de Défaut (loader) d un poids < à 69Ko maxi. (Ce flash de défaut est affiché directement lors du chargement de la page) - Production d un Expand Flash (panel) d un poids < à 300k poids du Flash de Défaut - Poids Total des deux SWF (défaut+riche) = 300Ko maxi. Codes ActionScript : L ensemble des codes sont déjà présents dans le template : - Toujours laisser la 1 ère frame vide avec le code : #include "ebflashactions.as" dessus - Bouton de clic (redirection site annonceur), mettre le code suivant : on (release) { EB.Clickthrough(); - Ouverture/Fermeture du panel (expand), mettre les code suivant : Ouverture : EB.ExpandPanel('nom_de_votre_panel') ; Fermeture : EB.CollapsePanel('nom_de_votre_panel') ; - 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'); ) [IMPORTANT : L extension MXP du Workshop doit être préalablement installée avant publication du SWF]

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 / : Image gif ou Jpeg de backup

4 Paramêtrer le SWF de départ : Ouverture automatique de l expand ou non Cochezpour activer l effet d ouverture

5 Paramêtrer le Panel (SWF Expand) : Pour activer le rollover Cochez si expand transparent Pour la gestion de fermeture Cochez pour pousser le contenu de la page vers le bas

6 Paramétrer l additional asset (FLV ou SWF) :

7 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 +

8 Etape 5 : Prévisualisation Prévisualiser le format en cliquant sur : Preview Ad (possibilité de choisir le navigateur) Partage du lien de preview pour validation client Afin de partager le preview en crééant une adresse de visualisation partagée pour ce format, cliquer sur Share Preview :

9 Etape 6 : Montage dans la plateforme Eyeblaster Pour monter/uploader le format sur votre compte Eyeblaster, cliquer sur Upload Ad Suivez les indications en vous rendant sur la page de votre navigateur ouverte automatiquement

10 Renseigner votre login + mot de passe dans la fenêtre qui s ouvre. Vous pourrez ensuite acceder a la fenêtre d upload avec possibilité de renommer votre AD, de choisir un dossier de destination de votre choix (possibilité d en créer de nouveaux ) : En cas de mise à jour, uploader à nouveau et choisir Override afin de mettre à jour le format précédemment monté.

11 Ensuite, récupérer le numéro d ad id : 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. : ) //////////////////////////////

12 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.