Guide Workshop MediaMind pour formats : PUSHDOWN BANNERS

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 :
Fermeture :
-
EB.ExpandPanel('nom_de_votre_panel') ;
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]
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.
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
Paramêtrer le SWF de départ :
Ouverture automatique de
l’expand ou non
Cochezpour activer l’effet
d’ouverture
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
Paramétrer l’additional asset (FLV ou SWF) :
Pour l’ajout d’un Additonal Asset vidéo en FLV :
Consulter le guide vidéo suivant :
http://demo.eyeblaster.com/Europe/demo/France/templates/FR_Guide_Video_FLV.pdf
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 +
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 :
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
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é.
Ensuite, récupérer le numéro d’ad id :
Et envoyer le mail type suivant à l’adresse : [email protected]
Exemple :
Sujet du mail : Nokia – N6210 – Ads Ids à checker
//////////////////////////////
Annonceur : (ex. : Nokia)
Campagne : (ex. : N6210)
Ad IDs : (ex. : 111481)
//////////////////////////////
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.