Book Creator : comment ça marche ?

Spécifications techniques
Sommaire
01 Clicktag OBLIGATOIRE pour flash uniquement
02 Boutons « Ouvrir/Fermer »
03 Formats display
04 Formats évènementiels
05 Formats rich media : iab Rising Stars
06 Applications mobile
2
mardi 30 septembre 14
01
Clicktag
3
mardi 30 septembre 14
Clicktag
Dans l’objectif de rendre cliquable les créations en flash,
voici le code à implémenter OBLIGATOIREMENT:
¨  Action script 2
on (release) {
getURL(_root.clicktag, _root.target);
}
¨  Action script 3
import flash.external.ExternalInterface;
import flash.net.URLRequest;
import flash.net.navigateToURL;
btn_click.mouseChildren = false;
btn_click.buttonMode = true;
btn_click.addEventListener(MouseEvent.MOUSE_UP,click)
var target = root.loaderInfo.parameters.target;
var clicktag = root.loaderInfo.parameters.clicktag;
4
mardi 30 septembre 14
Clicktag (Suite)
¨  Action script 3 (Suite)
function click(e:MouseEvent)
{
var browserName:String = getBrowserName();
if(browserName == "IE")
ExternalInterface.call("function setWMWindow() {window.open('"+ clicktag + "');}");
else
navigateToURL(new URLRequest(clicktag), target);
}
5
mardi 30 septembre 14
Clicktag (Fin)
¨  Action script 3 (Suite)
function getBrowserName():String
{
var browser:String;
try{ var browserAgent:String = ExternalInterface.call("function getBrowser(){return navigator.userAgent;}") }
catch(error:Error){ trace(error); return 'Undefined'; };
if(browserAgent.indexOf("Firefox") >= 0)
browser = "Firefox";
else
if(browserAgent.indexOf("Safari") >= 0)
browser = "Safari";
else
if(browserAgent.indexOf("MSIE") >= 0)
browser = "IE";
else
if(browserAgent.indexOf("Opera") >= 0)
browser = "Opera";
else
browser = "Undefined";
return browser;
}
6
mardi 30 septembre 14
02
Boutons « fermer » ou « ouvrir »
7
mardi 30 septembre 14
Flash transparent / interstitiel
Pour le bouton « Fermer » pour un flash transparent ou
un interstitiel, activer la fonction :
¨  Si Flash inférieur à version 8 :
on (release) {
getURL("javascript: pub_ist_hd()");
}
¨  Si Flash supérieur ou égal à la version 8:
on (release) {
flash.external.ExternalInterface.call("pub_ist_hd");
}
¨  Si Flash en Action Script 3:
import flash.external.ExternalInterface;
//fonction exécutée en réponse à l'évènement
function onClic(pEvt:Event):void {
ExternalInterface.call("pub_ist_hd");
}
leBoutonFerme_btn.addEventListener(MouseEvent.CLICK, onClic);
//leBoutonFerme_btn est un exemple de nom de l’occurrence du bouton dans la créa
8
mardi 30 septembre 14
Flash expand multi format
Si le flash contient un bouton « fermer », celui-ci doit
activer la fonction:
¨  Si Flash inférieur à version 8 :
on (release) {
getURL("javascript: pub_ist_collapse()");
}
¨  Si Flash supérieur ou égal à la version 8:
on (release) {
flash.external.ExternalInterface.call("pub_ist_collapse");
}
¨  Si Flash en Action Script 3:
import flash.external.ExternalInterface;
//fonction exécutée en réponse à l'événement
function onClic(pEvt:Event):void {
ExternalInterface.call("pub_ist_collapse");
}
leBoutonFerme_btn.addEventListener(MouseEvent.CLICK, onClic);
//leBoutonFerme_btn est un exemple de nom de l’occurrence du bouton dans la créa
9
mardi 30 septembre 14
Flash expand multi format
Si le flash contient un bouton « ouverture », celui-ci doit
activer la fonction:
¨  Si Flash inférieur à version 8 :
on (release) {
getURL("javascript: pub_ist_expand()");
}
¨  Si Flash supérieur ou égal à la version 8:
on (release) {
flash.external.ExternalInterface.call("pub_ist_expand");
}
¨  Si Flash en Action Script 3:
import flash.external.ExternalInterface;
//fonction exécutée en réponse à l'événement
function onClic(pEvt:Event):void {
ExternalInterface.call("pub_ist_expand");
}
leBoutonOuvrir_btn.addEventListener(MouseEvent.CLICK, onClic);
//leBoutonOuvrir_btn est un exemple de nom de l’occurrence du bouton dans la créa
10
mardi 30 septembre 14
03
Formats display
11
mardi 30 septembre 14
Display ou display vidéo expand
Dimensions : 728x90, 300x600, 300x250
Formats : JPG, GIF, SWF
Fichiers display vidéo : FLV
Si SWF : clicktag obligatoire + image de remplacement en JPG ou GIF + FLA
+ Lien de redirection
Astuces :
- Possibilité d’envoyer plusieurs visuels différents pour un même format
- Chaque visuel peut avoir un lien de redirection différent
12
mardi 30 septembre 14
Display expand = 2 fichiers
Dimensions: 728x90, 300x600, 300x250
728x90 => 728x90 + 728x180
300x250 => 300x250 + 600x250
300x600 => 300x600 + 600x600
Si SWF : clicktag obligatoire + image de remplacement en JPG ou GIF pour chacun
des 2 formats
+ Lien de redirection
Astuces :
- possibilité que le 2ème fichier soit différent du premier, ou éventuellement une
continuité
13
mardi 30 septembre 14
04
Formats évènementiels
14
mardi 30 septembre 14
Habillage statique ou en flash
Dimensions : 1380 x 1150
Formats: SWF, GIF, JPG + PSD obligatoire
Si SWF : clicktag et FLA obligatoires + image de remplacement en JPG ou GIF
+ Lien de redirection
250
190
dont
60
marge
Sécu
1000
60 130
1380
15
190
mardi 30 septembre 14
1150
Flash Transparent
Dimensions : 700x500
Formats : JPG, GIF, SWF
Fichiers : SWF + image de remplacement en JPG ou GIF
Intégrer clicktag obligatoirement + bouton fermer
+ Lien de redirection
+ FLA obligatoire (si envoi de fichiers SWF)
Information complémentaire :
- durée maxi pour l’affichage : 12 secondes
16
mardi 30 septembre 14
Interstitiel full écran
Dimensions : 1000x750
Format : SWF + image de remplacement en JPG ou GIF Intégrer clicktag
+ Lien de redirection
+ FLA obligatoire (si envoi de fichiers SWF)
Informations complémentaires :
- durée maxi pour l’affichage : 12 secondes
- fond perdu par défaut : Blanc
Astuces : donnez nous le code hexadécimal pour personnaliser le fond perdu en
fonction de votre créa !
17
mardi 30 septembre 14
05
Formats rich media : iab Rising Stars
18
mardi 30 septembre 14
Lien pour appréhender les formats
iab Rising Stars
http://bit.ly/iab-adrun
19
mardi 30 septembre 14
Slider
Dimensions : 950x90 pour le bandeau (laisser une marge de sécurité de 120 px à
droite du bandeau pour bouton que nous mettons nous même)
+ 950x550 pour le slider avec bouton de fermeture à insérer
Attention : surface utile 950x460 collé en haut (le bandeau passe par dessus le slider)
Formats: GIF, JPG, SWF
Si SWF : clicktag obligatoire pour les 2 formats + image de remplacement JPG ou GIF
+ Lien de redirection
+ FLA obligatoire (si envoi de fichiers SWF)
Astuce : possibilité d’intégrer dans le slider une vidéo
20
mardi 30 septembre 14
Sidekick
Dimensions : 1 fichier en 300x250 ou 300x600 + 1 fichier en 850x700
+ visuel en jpg du bouton « fermer » souhaité
Fichiers : GIF, JPG, flv, SWF
Si SWF et flv (flash) : clicktag obligatoire + image de remplacement JPG ou GIF
+ Lien de redirection
21
mardi 30 septembre 14
Portrait
Dimensions : 1 format 300x1050 qui contient 4 modules distincts :
- pavé logo en haut : 270x40
- 2ème pavé : 270x460
- 3ème pavé : 270x202
- 4ème pavé 270x202
Fichiers : GIF, JPG, FLV, SWF
Si SWF : clicktag obligatoire +
image de remplacement JPG ou GIF
+ Lien de redirection
+ FLA obligatoire (si envoi de fichiers SWF)
Possibilité de nous fournir les modules, nous nous occupons de les
assembler sur Smart adserver => délai 7 jours avant date de diffusion
22
mardi 30 septembre 14
Filmstrip
Dimensions : max 300x3000 soit 5 modules 300x600 qui se dérouleront à la manière
d’un mini site à l’intérieur d’une bannière 300x600 avec action de la souris
Fichiers : GIF, JPG, flv, SWF
Si SWF : clicktag obligatoire + image de remplacement
JPG ou GIF
+ Lien de redirection
+ FLA obligatoire
(si envoi de fichiers SWF)
23
mardi 30 septembre 14
Billboard
Dimensions : 1260x250 + Intégration d’une vidéo possible
Fichiers : GIF, JPG, SWF
Si SWF : clicktag obligatoire + image de remplacement JPG ou GIF
Fichiers vidéo : FLV, MP4 (avec une préférence pour fichier FLV)
+ Lien de redirection
+ FLA obligatoire
(si envoi de fichiers SWF)
24
mardi 30 septembre 14
Poids max
Poids max des fichiers
Display
Display expand
100 Ko
500 Ko
1,5 Mo
✔
✔
Display vidéo ou expand
vidéo
✔
Formats évènementiels
✔
Rich Media
25
2,5 Mo
✔
mardi 30 septembre 14
06
Format LC Catfish
26
mardi 30 septembre 14
Slider
Dimensions : 1000x40 pour le bandeau
+ 1000x440 pour l’expand fullscreen avec bouton fermer intégré
Formats: GIF, JPG, SWF
Si SWF : clicktag obligatoire pour les 2 formats + image de remplacement JPG ou GIF
+ Lien de redirection
+ FLA obligatoire (si envoi de fichiers SWF)
27
mardi 30 septembre 14
07
Applications mobile
28
mardi 30 septembre 14
Formats applications mobile
Format accepté : JPG
Différentes dimensions selon l’application et le système d’exploitation (IOS ou
Android) applis Zinfos 974 et Buzz.re
Mobiles
- 640x1096 px (interstitiel pour l’iPhone 5)
- 640x960 px (interstitiel pour l’iPhone 4S)
- 640x1136 px (iPhone 5S /5C)
- 768 X 1280 px (Samsung Galaxy)
- 720x1280 px (interstitiel pour Android)
- 640x100 px (bannière)
Tablettes iPad:
- 1536 X 2048 px en portrait
- 2048 X 1536 px en paysage
29
mardi 30 septembre 14
merci
www.smartadserver.com