Eléments graphiques Format Expandable Banner jusqu`à 2.2Mo

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 :
1.
(L’ensemble des codes sont déjà présents dans le template)
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. Bouton fermer :
on (release) {
EB.UserActionCounter('fermer');
EB.CloseAd('user');
}
4.
Fermeture automatique du FT :
EB.CloseAd('auto');
5. 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'); )
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
6.
7.
8.
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 / 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
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) :
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 +
Positionnement de l’expand :
Cliquer sur le bouton
et positionner le Panel (Partie Expand)
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 :
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é.
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.