Mobile - Marketing - Media

chinsmusselInternet και Εφαρμογές Web

26 Ιουν 2012 (πριν από 5 χρόνια και 2 μήνες)

354 εμφανίσεις

Mobile
-

Marketing
-

Media

SPECIFICITES TECHNIQUES

Avril 2012

Guideline

Dans le cadre des spécificités techniques, nous vous demandons de respecter
certaines consignes, quelque soit votre cas de figure :



URL

de

redirection

de

150

caractères

max

!

Attention

certaines

applications

ne

reconnaissent

pas

les

URL’s

traquées

ce

qui

rend

la

redirection

vers

l’
Appstore

impossible
.



Les

URL

«

tracking

Pixles

»

sont

disponibles

uniquement

dans

les

applications

iPhone

intégrant

notre

SDK

3
.
1
.
2



Les

URL

«

click

command

»

sont

acceptées

dans

l’ensemble

de

nos

applications,

plateformes

et

versions

SDK
.




Nomenclature

création

:


[Format][OS][Taille]


Ex
:

Bannière_iPhone_
320
x
53



Pour

une

bonne

gestion

des

campagnes,

nous

vous

demandons

de

nous

faire

parvenir

les

créations

48
h

avant

le

démarrage

de

la

campagne



Lors

des

échanges

avec

votre

interlocuteur,

toujours

mettre

en

copie

le

backoffice

Mbrand
3

(
backoffice@mbrand
3
.
com
)

pour

nous

permettre

de

traiter

dans

les

plus

brefs

délais

vos

demandes

Sommaire des spécificités techniques

Apple



Android



Autres OS

Spécificités

techniques Apple























o

Bannière

iPhone

:






320
x
53

pixels

-

10

Ko

max









Format

:



GIF

pour

les

bannières

animées







PNG

ou

JPEG

pour

les

bannières

statiques


























Spécificités techniques iPhone

Spécificités techniques iPhone

o

Interstitiel

iPhone

:




320
x
480

pixels

30

Ko

max

(portrait)




480x320 pixels 30 Ko max (paysage)





Format

:



PNG

ou

JPEG



Respecter 20 pixels de marge en header et en footer de
l’interstitiel





(voir explication
slide

n
°
7)

Spécificités techniques iPhone

Respecter 20 pixels de marge en header et
en footer de l’interstitiel



Votre

interstitiel

dans

son

ensemble

mesure

bien

320
x
480

pixels
.



En

revanche

la

création

doit

respecter

20

pixels

en

haut

et

en

bas
.

Dans

cette

zone

aucun

logo

ou

texte

ne

doit

apparaitre
.



Cela

permet

de

s’assurer

que

l’intégralité

de

la

création

sera

bien

affichée

sur

un

iPhone

quelque

soit

le

cas

de

figure

(ex
.

dans

la

cas

ou

la

barre

de

notification

viendrait

se

superposer

sur

l’interstitiel,

image

à

gauche)
.

20 pixels

480 pixels

20 pixels

20 pixels

Sans les marges



Tous

les

formats

traditionnels

(
Interstitiels
)

doivent

respecter

les

caractéristiques

de

la

slide

n
°
7



Dans

le

cadre

d’un

hébergement

extérieur
:

La

création

appelé

par

un

redirect

agence

doit

respecter

les

mêmes

caractéristiques

(
slide

n
°
7
)
.



Toutes

créations

doivent

être

adaptées

à

toutes

les

tailles

d’écran
:



Slide

n
°
5
:

Les

bannières
:


320
x
53

pixels

-

10

Ko

max



Slide

n
°
6
:

Les

Interstitiel


320
x
480

pixels

30

Ko

max

(
portrait)


480
x
320

pixels

30

Ko

max

(paysage)


Spécificités techniques iPhone


o

Bannière

Expand

Interstitiel

iPhone

:




Une

bannière

qui

dévoile

un

interstitiel

lorsque

l’on

clique

dessus


Bannière

:

320
x
53

pixels

-

10

Ko

max

Interstitiel

:

320
x
480

pixels



30

Ko

max







Format

:



GIF

pour

les

bannières

animées





PNG

ou

JPEG





A

savoir

:

il

est

possible

de

diffuser

du

HTML
5
,

mais

uniquement

dans

le

cas

ou

les

URL

de

stockage

des

créas

nous

ont

été

communiqué
.


Spécificités techniques iPhone


o

Expand

Bannière

iPhone

SHAZAM

:




Une

bannière

qui

dévoile

un

interstitiel

lorsque

l’on

clique

dessus


Bannière

:

320
x
50

pixels

-

10

Ko

max

Interstitiel

:

300
x
300

pixels



30

Ko

max







Format

:



GIF

pour

les

bannières

animées





PNG

ou

JPEG


Jusqu’à

3

actions

possible
;

clic

to
:

call,

site,

vidéo,

localisation


A

savoir

:

il

est

possible

de

diffuser

du

HTML
5
,

mais

uniquement

dans

le

cas

ou

les

URL

de

stockage

des

créas

nous

ont

été

communiqué
.


Spécificités techniques iPhone

Spécificités techniques iPhone

o

Ad

in

App
:




La

plupart

de

nos

campagnes

AdinApp

doivent

respecter


l’affichage

de

redirection

en

mode

Webview
.

C’est

un

navigateur


propre

à

l’application,

permettant

l’utilisateur

de

rester

dans


l’application

sans

en

sortir
.


Quelle que ce soit la redirection,

merci de respecter les
marges suivantes:



Header : 64 pixels



Footer : 44 pixels

480 pixels

64 pixels

20 pixels
























o

Bannière

iPad

:





768
x
128

-

50
Ko

max






Format

:



HTML
5






PNG,

JPEG

ou

GIF


o

Pavé

iPad

(uniquement

sur

l’application

Relay)

:




300
x
250

pixels



15
Ko

max


o

Nouvelles

Bannières

iPad


(uniquement

sur

l’application

Les

Echos)

:




670
x
130

pixels

-

50
Ko

max



260
x
420

pixels



50
Ko

max
























Spécificités techniques iPad








o

Interstitiel

iPad

:




o

Portrait

(obligatoire)
:

768
x
1024

pixels

100
Ko

max

o

Paysage

(obligatoire)
:

1024
x
768

pixels

100
Ko

max





Format

:





GIF,

HTML
5
,

PNG

ou

JPEG




Les

deux

formats

sont

obligatoires

(portrait

et

paysage)




Comme

pour

iPhone,

une

marge

est

nécessaire

en

mode

portrait

:

40

pixels

header

et

footer










Spécificités techniques iPad



Rich
Media
-

Spécificités techniques iPhone/iPad

Travel

: format carré, image ou vidéo, qui s’affiche au démarrage de
l’application, et qui se déplace sur l’écran selon l’inclinaison du
téléphone donnée par l’utilisateur.

iPad

:

Format

:

JPG, JPEG, PNG, GIF

Taille :


250 * 250 pixels

Poids

:



20
Ko

max


iPhone :

Format

:

JPG, JPEG, PNG, GIF

Taille :


200 * 200 pixels

Poids

:



20
Ko

max



TRAVEL Image
:



Rich
Media
-

Spécificités techniques iPhone/iPad

Travel

: format carré, image ou vidéo, qui s’affiche au démarrage de
l’application, et qui se déplace sur l’écran selon l’inclinaison du
téléphone donnée par l’utilisateur.



TRAVEL
VIDEO

:


Export : QuickTime séquence (*.
mov
)

Taille : 200 * 200 pixels /
250 * 250 pixels
iPad

Débit Frame Rate : 24 frames/s

Débit Key Frames: 15 Key Frames/s

Ratio : 600 kbit/s MAX

Encoding

Hi
Quality
,
MultiPass

avec QuickTime optimisée pour la
diffusion vidéo / streaming

Codec Compression : H.264

Qualité Audio AAC


44100 kHz


96 kbps

Durée Vidéo : Maximum 15 seconds

Poids : 2 Mo
max

Rich
Media
-

Spécificités techniques iPhone/iPad


BANNIERE
-
XL
HD
VIDEO

:


Export : QuickTime séquence (*.mov)

Taille : 320 * 180 pixels /
720 * 300 pixels
iPad

Débit Frame Rate : 24 frames/s

Débit Key Frames: 15 Key Frames/s

Ratio : 600 kbit/s MAX

Encoding

Hi
Quality
,
MultiPass

avec QuickTime optimisée pour la diffusion vidéo / streaming

Codec Compression : H.264

Qualité Audio AAC


44100 kHz


96 kbps

Durée Vidéo : Maximum 15 seconds

Poids : 2 Mo max

Bannière
-
XL HD Vidéo :
Une vidéo en 320 x 180 pour l’
iPhone

et 720 x
300 pour l’
iPad

pixels est lancée, en haut de l’écran



Spécificités de la vidéo :


Export : MPEG 4
Video

(.mp4)

Taille : 320 * 180 pixels

Débit Frame Rate : 24 frames/s

Débit Key Frames: 15 Key Frames/s

Ratio : 600 kbit/s MAX

Encoding

Hi
Quality
,
MultiPass

avec QuickTime optimisée pour la diffusion vidéo / streaming

Codec Compression : H.264

Qualité Audio AAC


44100 kHz


96 kbps

Durée Vidéo : Maximum
8

seconds

Poids : 2 Mo max

Interstitiel Vidéo
:
Composé d’un interstitiel image classique sur lequel
vient se superposer une vidéo, en bas de
l’écran

Image

Vidéo

Rich
Media
-

Spécificités techniques iPhone

Interstitiel image
320 x 480

L’interstitiel image doit recouvrir l’intégralité de
l’écran soit : 320*480 pixels.


E
n revanche, veiller à laisser une
marge de
320*180 pixels en bas de celui
-
ci
(correspondant
à la taille de la vidéo)


De ce fait, la vidéo ne viendra pas recouvrir la
création mais seulement la marge

Création 320 x 300

Attention !

Rich
Media
-

Spécificités techniques iPhone

Ici votre vidéo en
mode portrait !

Marge 320 x 180









Rich Media
-

Spécificités

techniques
iPad

Interstitiel Vidéo
:
Composé d’un interstitiel image classique
sur lequel vient se superposer une vidéo, en bas de
l’écran


Spécificités
de la vidéo :


Export : MPEG 4
Video

(.mp4)

Taille :
768
*
432
pixels

Débit Frame Rate : 24 frames/s

Débit Key Frames: 15 Key Frames/s

Ratio : 600 kbit/s MAX

Encoding

Hi
Quality
,
MultiPass

avec QuickTime optimisée pour la
diffusion vidéo / streaming

Codec Compression : H.264

Qualité Audio AAC


44100 kHz


96 kbps

Durée Vidéo : Maximum 8 seconds

Poids : 2 Mo max

Rich Media
-

Spécificités

techniques
iPad

Ici votre vidéo en
mode portrait !

L’interstitiel image doit recouvrir l’intégralité de
l’écran soit :
768*1024
pixels.


En revanche, veiller à laisser une
marge de
768*1024
pixels en
haut
de celui
-
ci
(correspondant
à la taille de la vidéo)


De ce fait, la vidéo ne viendra pas recouvrir la
création mais seulement la marge

Attention !

Interstitiel image
768

x

1024

Marge
768

x

432

Création 768

x

592

Rich
Media
-

Spécificités techniques iPhone/iPad

Pour l’ensemble des format
Rich

Media:



A
savoir
: L’interstitiel vidéo est diffusé
uniquement

avec un
ciblage
wifi

de façon à
garder
la qualité de la
vidéo.


La durée maximal autorisé est de
8
secondes
p
our les
interstitiels de démarrages.


De plus, la vidéo doit démarrer
en «

mode

muet

» et
l’utilisateur a la possibilité de mettre
le son si il le souhaite
(ex : icone web ).

Pour plus d’information veuillez cliquez
-
ici :


SPECS_html5_design_MBRAND3

Spécificités

techniques Apple Format HTML5

GUIDELINE HTML5
iPhone

:


1.
L’url d’hébergement de la créa doit être envoyée ainsi que son clic commande associé. Dans le
cas contraire, l’hébergement vous sera facturé 0,50


en CPM.


2.
URL de
redirection :
150 caractères max ! Attention certaines applications ne reconnaissent
pas les URL’s
traquées,
ce qui rend la redirection vers l’
Appstore

impossible.


3.
Bien respecter le paramètre
post
-
click URL avec
href
=“
sas:click


indique dans la
documentation


Type d’écran

Interstitiel/
Splashscreen

Bannière

Format

Poids

Format

Poids

iPhone

320x480

100Ko

320x53

30Ko

iPad

768x1024

768x128

Spécificités

techniques Android

Spécificités

techniques Android Format Bannière




Format :



JPEG, PNG, GIF ou BMP

Formats
portrait et paysage obligatoires

o
Bannière

petite

définition

(
ldpi
*)



8

ko

max


o
240
x
38

(portrait)

o
38
x
240

(
paysage
)






o
Bannière

moyenne

définition

(
mdpi
*)



10

Ko

max



o
320
x
53

(portrait)

o
53
x
320

(
paysage
)


o
Bannière

haute

définition

(
hdpi
*)



10

Ko

max



o
480
x
75

(
portrait)

o
75
x
480

(paysage)

*dpi: Format de la création: Small, Medium, High

-
l
dpi

compatible avec la 1
ère

génération sous
Androïd

-
m
dpi

compatible avec la 2
ème

génération sous
Androïd

-
Hdpi

compatible avec la 3
ème

génération sous
Androïd



Petit interstitiel (
ldpi
*)



240x320 (portrait)



320x240 (paysage)



Moyen
interstitiel
(
mdpi
*)



320x480 (portrait)



480x320 (paysage)





Format :



JPEG, PNG, GIF ou BMP

30 Ko max

30 Ko max



Grand interstitiel (
hdpi
*)



480x800(portrait)



800x480 (paysage)


30 Ko max

Spécificités

techniques Android Format Bannière

Formats
portrait et paysage obligatoires

*dpi: Format de la création: Small, Medium, High







Rich Media
-

Spécificités techniques Android

Travel
:
format carré, image ou vidéo, qui s’affiche au démarrage
de l’application, et qui se déplace sur l’écran selon l’inclinaison du
téléphone donnée par l’utilisateur.


TRAVEL
IMAGE



(
Travel



si la création est une image, il sera diffusé comme sur
iPhone, c’est
-
à
-
dire en se déplaçant sur l’écran en fonction de
l’inclinaison du téléphone donnée par l’utilisateur)
:



Android :

Format

: JPG, JPEG, PNG, GIF

Taille : 200 * 200 pixels

Poids

:

20
Ko

max

Rich Media
-

Spécificités techniques Android

POP UP Vidéo
: l’équivalent du travel pour iPhone à la différence
qu’il est statique au centre.


POPUP
VIDEO

:


Export : MPEG 4
Video

(.mp4)

Taille : 200 * 200 pixels

Débit Frame Rate : 24 frames/s

Débit Key Frames: 15 Key Frames/s

Ratio : 600 kbit/s MAX

Encoding

Hi
Quality
,
MultiPass

avec QuickTime optimisée pour la
diffusion vidéo / streaming

Codec Compression : H.264

Qualité Audio AAC


44100 kHz


96 kbps

Durée Vidéo : Maximum 15 seconds

Poids : 2 Mo max

Spécificités

techniques Android Format Bannière


Tout

les

formats

traditionnels

(
Interstitiels
)

doivent

respecter

les

caractéristiques

de

la

slide

n
°
25



Dans

le

cadre

d’un

hébergement

extérieur
:

La

création

appelé

par

un

redirect

agence

doit

respecter

les

mêmes

caractéristiques

(
slide

n
°
25
)
.



Toutes

créations

doivent

être

adaptées

à

toutes

les

tailles

d’écran

(
Slide

n
°
24

pour

les

bannières



Slide

n
°
25

pour

les

Interstitiels)
.

Pour l’ensemble des format
Rich

Media:


A savoir :
L’interstitiel vidéo est diffusé
uniquement

avec un
ciblage
wifi

de façon à garder la qualité de la vidéo.


La
durée maximal autorisé est de
8 secondes
pour
les
interstitiels
de
démarrages.


De plus, la vidéo doit démarrer en «

muet

» et l’utilisateur a

la possibilité de mettre le son (ex : icone web ).

Spécificités

techniques Android Format HTML5

Type d’écran

Interstitiel/
Splashscreen

Bannière

Format

Poids

Format

Poids

Petit

240x320

100Ko

240x38

30Ko

Moyen

320x480

320x53

Grand

480x800

480x75

GUIDELINE HTML5 Android
:


1.
La créa doit être capable de s’adapter (format) à l’ensemble des écrans
A
ndroid
.


2.
Avant la mise en production de la créa nous devons vous fournir une URL à placer dans le
code HTML5 (
boutons d’actions)
pour remonter les statistiques dans notre interface.


3.
L’url d’hébergement de la créa doit être envoyée ainsi que son clic commande associé. Dans le
cas contraire, l’hébergement vous sera facturé 0,50


en CPM.


4.
URL de redirection 150 caractères max ! Attention certaines applications ne reconnaissent
pas les URL’s
traquées
ce qui rend la redirection vers l’
Appstore

impossible.



Sous Android, il n’y à pas de spécificité technique dû à la complexité de l’OS

Spécificités Techniques Autre OS







o
Petite

bannière



120
x
20


1
,
5

Ko

max



o
Bannière

moyenne

168
x
28


3

Ko

max



o
Bannière

normale

216
x
36


4
,
5

Ko

max



o
Bannière

Large


300
x
50


7
,
5

Ko

max



o
Bannière

X
-
Large



320
x
53


10

Ko

max



o
Bannière

XX
-
Large

640
x
107


15

Ko

max








Spécificités

techniques Autre OS





Interstitiel
/
Splashscreen

:






320 x 480 pixels max 30 Ko (écrans
iPhone

)




480 x 800
pixels
max 30 Ko (écrans
Android )







Format :



JPEG, PNG, GIF ou
BMP


*** ATTENTION avec les marges pour chaque OS (voir page 27) ***

Spécificités

techniques
Autres

OS


Attention
!


Respecter les
pixels de marge en header et en footer de
l’interstitiel sur les OS iPhone et OS Android


Comme vous pouvez le constater, une marge doit être respectée au
sein de l’interstitiel pour que la barre de notification et le menu
de Safari ne recouvre pas votre création.


Marges Pour
iPhone

(320 x 480) :

Header :
90
pixels (Barre d’état + barre de recherche)

Footer
:
54
pixels


Marges Pour Android (480 x 800) :

Header :
37
pixels (Barre d’état
)

Footer : 44 pixels



Spécificités

techniques
Autres

OS

Merci !


Contact :


Juan Pablo Cevallos

Responsable

des
opérations

@: jp.cevallos@mbrand3.com



: +33 6 87 41 00 47


220
-
224, boulevard Jean Jaurès

92100 Boulogne
-
Billancourt