Spécifications techniques mobile Juillet 2012 1
Table des matières Le Portail Orange mobile hors iphone... 3 Bannières... 4 Habillage de page sur la HP... 5 Les liens partenaires... 7 Les liens texte... 7 Pré-roll vidéo... 8 Le Portail Orange mobile iphone... 9 Take-over en page d accueil... 10 Bannières... 10 Liens partenaires (Corner)... 11 Les WebApps... 12 Bannières... 13 Interstitiels... 14 Pré-roll vidéo... 15 Les applications... 16 Bannières... 17 Interstitiels... 19 Interstitiels et bannières expand vidéo... 21 Pré-roll vidéo... 23 Formats spéciaux... 24 Précisions sur le tracking et les redirect... 25 Environnements trackables... 26 2
Le Portail Orange mobile hors iphone 3
Bannières Eléments à fournir une série de 4 bannières avec picto pub Bannière X large Taille (pixel): 300 * 75 Type de fichier : GIF, JPG Poids maximal (Ko) : 5 Bannière Large Taille (pixel) : 216*54 Type de fichier : GIF, JPG Poids maximal (Ko) : 4 Bannière Medium Taille (pixel) : 168*42 Type de fichier : GIF, JPG Poids maximal (Ko) : 3 Bannière small Taille (pixel) : 110*28 Type de fichier : GIF, JPG Poids maximal(ko) : 1 Pictogramme pub : Le couleur du pictogramme pub et du texte est au choix de l annonceur, la mention pub doit être clairement identifiable. La taille du pictogramme pub à inclure dans le format X-large est de 15*75 pixels (homothétie pour les formats suivants). 1 intitulé / accroche Texte de 15 caractères qui doit impérativement illustrer le contenu de la bannière Ce texte s affichera pendant le chargement ou en cas de non affichage de la bannière (terminal non compatible). 1 URL de redirection Nombre de créations autorisées Maximum 4 créations par campagne Tracking Le tracking par un tiers (impressions et clics) est accepté. Le cas échéant, il doit être fourni sous la forme d un Click Command et d un Pixel. Le pixel devra obligatoirement être livré au format GIF transparent 1*1. 4
Habillage de page sur la HP Caractéristiques Eléments à fournir Bloc recherche Background color Font color Bloc 1 Background color Font color title Font color texte Image pub 1 - Taille (pixels) : 462*113 - Type de fichier : GIF ou JPG - Poids (Ko) : 25 - Symbole d appel de l image pub n 1 : 20 caractères maximum et l intitulé devra respecter la nomenclature suivante : «PUBHP&[annonceur]&[n élément]&z1» - URL de destination Image pub 2 - Taille (pixels) : 462*113n - Type de fichier : GIF ou JPG - Poids (Ko) : 25 - Symbole d appel de l image pub n 2: 20 caractères maximum et l intitulé devra respecter la nomenclature suivante : «PUBHP&[annonceur]&[n élément]&z2» - URL de destination Bloc 2 5
Background color Font color Bloc 3 Background color Font color Image pub 3 : - Taille (pixels) : 462*113 - Type de fichier : GIF ou JPG - Poids (Ko) : 25 - Symbole d appel de l image pub n 3 : 20 caractères maximum et l intitulé devra respecter la nomenclature suivante : «PUBHP&[annonceur]&[n élément]&z3» - URL de destination Remarque : l annonceur doit avoir un site mobile et s engage à garantir la qualité de services clients «abonnés Orange mobile» Tracking : Le tracking par un tiers (impressions et clics) est accepté. Le cas échéant, il doit être fourni sous la forme d un Click Command et d un Pixel. Le pixel devra obligatoirement être livré au format GIF transparent 1*1. 6
Les liens partenaires Caractéristiques : Les liens partenaires sont 4 liens cliquables positionnés en bas de page sur le portail Orange mobile. Eléments à fournir : Intitulé du lien en 15 caractères (espaces compris) 1 URL de redirection Tracking : Le tracking des clics par un tiers est accepté. Le cas échéant il doit être fourni sous la forme d un click command. Les liens texte Caractéristiques : Le lien renvoie vers un site existant de l annonceur, ou un site événementiel créé pour l occasion. Eléments à fournir : 1 intitulé / accroche en 15 caractères 1 URL de redirection Un lien retour sur le site de l annonceur qui redirigera soit vers le Portail Orange mobile soit vers Gallery Pour le Portail Orange mobile Intitulé du lien << Orange World URL:http://mobile.orange.fr/0/accueil/Retour?SA=Defaut Pour Gallery Intitulé du lien : <<Gallery URL: http://mobile.orange.fr/0/accueil/retour?sa=gekiosque Tracking : Le tracking des clics par un tiers est accepté. Le cas échéant il doit être fourni sous la forme d un click command. 7
Pré-roll vidéo Pré-requis : La vidéo doit toujours comporter une piste audio même muette Eléments à fournir : Une vidéo 320*240 ou 854*480 (optionnel pour format HD uniquement) de 20 seconds maximum encodée selon les spécifications du paragraphe Encodage vidéo Encodage Vidéo Piste Vidéo : Extension.mp4 Codec H.264 Débit 1.374 Mbps à 3 Mbps 25 fps Compression CBR ou VBR 2 passes (pour une meilleure qualité) Piste audio : AAC-LC ou AAC-NB 128 kbps 44.1 khz Stereo Tracking : Le tracking par un tiers n est pas possible. 8
Le Portail Orange mobile iphone 9
Take-over en page d accueil Eléments à fournir 1 image - Taille (pixels) : 235 * 265 - Type de fichier : JPG, GIF, GIF animé - Poids max (Ko) : 20 1 URL de redirection Tracking : Le tracking par un tiers (impressions et clics) est accepté. Le cas échéant, il doit être fourni sous la forme d un Click Command et d un Pixel. Le pixel devra obligatoirement être livré au format GIF transparent 1*1 Bannières Ergonomie Selon son emplacement sur le portail, la bannière s affiche différemment : En page d accueil : affichage toaster Autres pages : bannière fixe Eléments à fournir : 1 image Taille (pixels) : 320*53 Type de fichier : JPG, GIF, GIF animé Poids (Ko) : 7 1 intitulé / accroche de 28 caractères qui doit impérativement illustrer le contenu de la bannière. Dans le cas de l affichage toaster, le texte reste visible lorsque la bannière est fermée Nombre de créations autorisées : maximum 4 par campagne Tracking : Le tracking par un tiers (impressions et clics) est accepté. Le cas échéant, il doit être fourni sous la forme d un Click Command et d un Pixel. Le pixel devra obligatoirement être livré au format GIF transparent 1*1. 10
Liens partenaires (Corner) Eléments à fournir 1 vignette Fournir de préférence l icône Apple de l appli ou de la webapp Taille (pixels) : 57 x 56 Type de fichier : PNG, JPEG, GIF Poids maximum (Ko) : 3 1 accroche texte de 8 caractères maximum 1 URL de redirection Tracking : Le tracking des clics par un tiers est accepté. Le cas échéant il doit être fourni sous la forme d un click command. 11
Les WebApps 12
Bannières Eléments à fournir Pour les terminaux hors iphone, une série de 4 bannières devra être fournie Bannière X large Taille (pixel): 300 * 75 Type de fichier : JPG, GIF, GIF animé Poids maximal (Ko): 5 Bannière Large Taille (pixel) : 216*54 Type de fichier : JPG, GIF, GIF animé Poids maximal (Ko) : 4 Bannière Medium Taille (pixel) : 168*42 Type de fichier : JPG, GIF, GIF animé Poids maximal (Ko) : 3 Bannière small Taille (pixel) : 110*28 Type de fichier : JPG, GIF, GIF animé Poids maximal (Ko) : 1 Pour les terminaux iphone uniquement fournir une bannière avec les caractéristiques suivantes : Taille (pixels) : 320*53 Type de fichier : JPG, GIF, GIF animé Poids maximal (Ko) : 7 1 URL de redirection Nombre de créations autorisées : maximum 4 créations différentes par campagne Tracking : Le tracking par un tiers (impressions et clics) est accepté sur nos environnements sauf cas particuliers (se référer au tableau page26). Le cas échéant, il doit être fourni sous la forme d un Click Command et d un Pixel. Le pixel devra obligatoirement être livré au format GIF transparent 1*1 13
Interstitiels Eléments à fournir 1 image - Taille (pixels) : 320*372 pour toutes les webapps hors Dailymotion - Taille (pixels) : 300 * 250 pour la webapp Dailymotion - Type de fichier : JPG, GIF, GIF animé - Poids max (Ko) : 35 1 URL de redirection Nombre de créations autorisées : Maximum 2 créations différentes par campagne Tracking : Le tracking par un tiers (impressions et clics) est accepté sur nos environnements sauf cas particuliers (se référer au tableau page 26). Le cas échéant, il doit être fourni sous la forme d un Click Command et d un Pixel. Le pixel devra obligatoirement être livré au format GIF transparent 1*1 14
Pré-roll vidéo Caractéristiques : Le pré-roll est un format publicitaire vidéo qui s affiche avant une vidéo de contenu. Pré-requis : Format disponible sur la webapp Dailymotion uniquement Les pré-roll ne sont pas cliquables La vidéo doit toujours comporter une piste audio même muette Eléments à fournir : Une vidéo 480*320 de 20 secondes maximum encodée selon les spécifications du paragraphe Encodage vidéo Encodage Vidéo Piste Vidéo : Extension.mp4 Codec H.264 Débits 256 kbits/sec 25 ips Compression CBR 2 passes (pour une meilleure qualité) Piste audio : AAC-LC ou AAC-NB 96 kbps 44,000 khz stéréo ou mono Tracking : Le tracking par un tiers n est pas possible. 15
Les applications 16
Bannières Ergonomie : Selon les applications, la bannière peut avoir un affichage toaster ou un affichage fixe. Affichage toaster et/ ou fixe : au féminin, marmiton, Ligue1, Sports.fr, ViaMichelin Trafic, LNB, Liveradio, Revue Orange Actu, Slate. Affichage fixe uniquement : 118712, Cityvox, Dailymotion, France Soir, Tête à modeler, Twinmee, Voila mail et Wikipedia HTML5 : La bannière est un emplacement compatible avec le HTML5 sauf dans le cas de la bannière expand Android (non disponible) Eléments à fournir Dans le cas d une bannière image Taille (pixels) : 320*53 sauf pour Libération iphone (320*50) Type de fichier : JPG, PNG, GIF, GIF animé sauf pour Libération iphone (JPG, GIF non animé uniquement) Poids max (Ko) : 7 Dans le cas d une bannière HTML5 Taille (pixels) : 320*53 sauf pour Libération iphone (320*53) Poids max (Ko) : 7 Il est obligatoire d encoder les images en base 64 et de les intégrer directement dans le code HTML. De la même façon l ensemble des ressources externes dont le pixel de tracking et le click command doivent être intégrées directement au fichier HTML. Il est possible de définir plusieurs zones cliquables avec pour chaque zone un clic command différent. 1 intitulé / accroche pour la bannière expand uniquement Un texte de 28 caractères qui illustre le contenu de la bannière et reste visible lorsque la bannière expand est fermée 1 URL de redirection structurée selon les spécifications du paragraphe «Redirection» 17
Redirection : Dans le cas de l iphone et si l URL renvoie vers l AppStore, elle doit impérativement contenir les composants suivants : «phobos.apple.com» ou «itunes.apple.com» ou «Itunes.com» ET un composant «app» Exemple :http://itunes.apple.com/fr/app/tvdorange/id308816822?mt=8 Nombre de créations autorisées : maximum 4 créations différentes par campagne sauf dans le cas d une campagne HTML5 : 2 créations autorisées. Tracking : Le tracking par un tiers (impressions et clics) est accepté. Le cas échéant, il doit être fourni sous la forme d un Click Command et d un Pixel. Le pixel devra obligatoirement être livré au format GIF transparent 1*1. Dans le cas d une bannière HTML5 se reporter au paragraphe Bannière HTML5. Tracking Libération iphone : Le tracking des clics est accepté. Le cas échéant il doit être fourni sous la forme d un click command. Le tracking des impressions ne peut être pris en compte sauf dans le cas d une bannière HTML5. Dans ce cas se reporter au paragraphe «Bannière HTML5» 18
Interstitiels HTML5 : L interstitiel est un emplacement compatible avec le HTML5 Eléments à fournir Pour les interstitiels images 1 image Taille (pixels) : 320*480 Les 20 pixels supérieurs seront masqués par la barre de statut de l application Type de fichier : PNG, JPG, GIF, GIF animé sauf pour Libération iphone (GIF non animé, JPEG uniquement) Poids max (Ko) : 35 Pour les interstitiels HTML5 1 image Taille (pixels) : 320*480 Les 20 pixels supérieurs seront masqués par la barre de statut de l application Poids max (Ko) : 35 Il est obligatoire d encoder les images en base 64 et de les intégrer directement dans le code HTML. De la même façon l ensemble des ressources externes dont le pixel de tracking et le clic command doivent être intégrées directement au fichier HTML Il est possible de définir plusieurs zones cliquables avec pour chaque zone un clic command différent. 1 URL de redirection structurée selon les spécifications du paragraphe «Redirection» Redirection : Dans le cas de l iphone, si l URL renvoie vers l AppStore, elle doit impérativement contenir les composants suivants «phobos.apple.com» ou «itunes.apple.com» ou «itunes.com» ET un composant «app» exemple : http://itunes.apple.com/fr/app/tvdorange/id30881 6822?mt=8 Nombre de créations autorisées : maximum 2 créations différentes par campagne Tracking : Le tracking par un tiers 19
(impressions et clics) est accepté. Le cas échéant, il doit être fourni sous la forme d un Click Command et d un Pixel. Le pixel devra obligatoirement être livré au format GIF transparent 1*1. Dans le cas d un interstitiel HTML5 se reporter au paragraphe «Interstitiel HTML5» Tracking Libération iphone : Le tracking des clics est accepté. Le cas échéant il doit être fourni sous la forme d un click command. Le tracking des impressions ne peut être pris en compte sauf dans le cas d un interstitiel HTML5. Dans ce cas se reporter au paragraphe «Interstitiel HTML5». 20
Interstitiels et bannières expand vidéo Caractéristiques Les formats Interstitiel Vidéo et Bannière Expand Vidéo permettent, comme leurs noms l indiquent, de diffuser des vidéos publicitaires au sein des applications mobiles. Ils sont dotés des caractéristiques suivantes : Interstitiel Vidéo : Affichage automatique de la vidéo (portrait/paysage) Son de la vidéo ON par défaut Format cliquable sur l ensemble de sa surface (url unique) Durée de la vidéo limitée à 20 secondes Bannière Expand Vidéo : Affichage post-tap de la vidéo, selon l application (portrait/paysage) Son de la vidéo ON par défaut Associé à une bannière statique (expand fermé) «Cliquable» sur l ensemble de sa surface (url unique) Durée de la vidéo limitée à 20 secondes. Eléments à fournir Le format Interstitiel Vidéo nécessite la livraison de 2 éléments distincts : La vidéo, encodée selon les spécifications du paragraphe «Encodage Vidéo» Une url de redirection, structurée selon les spécifications du paragraphe «Redirection» Le format Bannière Expand Vidéo nécessite la livraison de 3 éléments distincts : La vidéo, encodée selon les spécifications du paragraphe «Encodage Vidéo» Une url de redirection, structurée selon les spécifications du paragraphe «Redirection» Une bannière 320x53 JPG, PNG ou GIF de 7 ko max L ensemble des éléments doit être livré impérativement 5 jours ouvrés avant mise en ligne. Encodage Vidéo Les formats Interstitiel Vidéo et Bannière Expand Vidéo acceptent chacun le même type de vidéo, dont l encodage doit respecter les spécifications suivantes : Piste Vidéo : Extension.mp4 Codec H.264 21
Débits 256 kbits/sec 25 ips Compression CBR 2 passes (pour une meilleure qualité) 320x240 (480x270 optionnel (standard HD) pour l interstitiel vidéo uniquement) Piste audio AAC-LC ou AAC-NB 96 kbps 44,000 khz stéréo ou mono Redirection Si l url de redirection renvoie vers l AppStore, elle doit impérativement contenir les composants suivants : phobos.apple.com ou itunes.apple.com ou itunes.com et un composant app. Exemple : http://itunes.apple.com/fr/app/tvdorange/id308816822?mt=8 Tracking : Le tracking des clics par un tiers est accepté. Le cas échéant il doit être fourni sous la forme d un click command. Le tracking des impressions n est pas accepté 22
Pré-roll vidéo Caractéristiques : Le pré-roll est un format publicitaire vidéo qui s affiche avant une vidéo de contenu. Pré-requis : Format disponible sur l application Marmiton uniquement Les pré-roll ne sont pas cliquables La vidéo doit toujours comporter une piste audio même muette Eléments à fournir : Une vidéo 480*320 de 20 secondes maximum encodée selon les spécifications du paragraphe Encodage vidéo Encodage Vidéo Piste Vidéo : Extension.mp4 Codec H.264 Débits 256 kbits/sec 25 ips Compression CBR 2 passes (pour une meilleure qualité) Piste audio : AAC-LC ou AAC-NB 96 kbps 44,000 khz stéréo ou mono Tracking : Le tracking par un tiers n est pas possible. 23
Formats spéciaux Orange Advertising Network La régie développe des formats spéciaux basés sur le HTML 5 : L AdInApp qui permet d afficher au sein de l application hôte, un format interactif fullscreen dédié à l annonceur (mini-application). Le format «Ecran à gratter» qui permet de répliquer les traditionnels «jeux de grattage» : l utilisateur va littéralement gratter une zone de l écran pour faire apparaître un message, un visuel. Le format «Cube 3D» qui permet d afficher un cube 3D que l utilisateur va pouvoir manipuler dans l espace. Le format «Carrousel» qui permet d afficher une série de visuels à la manière d itunes dans laquelle l utilisateur va pouvoir naviguer. Le format «360» qui permet d afficher un objet 3D que l utilisateur va pouvoir manipuler (rotation autour d un axe vertical). Le format «360 panoramique» qui permet d afficher un décor virtuel panoramique, dans lequel l utilisateur va pouvoir se déplacer (rotation autour d un axe vertical). Ces formats possèdent leurs propres spécifications techniques. Nous vous les communiquerons sur demande. 24
Précisions sur le tracking et les redirect 1 / Tracking a) Tracking des clics et des impressions Dans le cas ou le tracking par un tiers est autorisé, ce dernier doit être fourni sous la forme d un click command (servant à la comptabilisation des clics) et d un pixel de tracking (servant à la comptabilisation des impressions). Le pixel de tracking devra obligatoirement être livré au format GIF transparent 1*1. Dans le cas de créations HTML5 ce pixel devra être intégré directement dans le code HTML au même titre que l ensemble des éléments externes et que les images préalablement encodées en base 64. b) Nombre de pixels autorisés Pour toute campagne vendue en spécifique, un pixel de tracking par environnement pourra être communiqué. Pour toute campagne vendue en package, il devra être fourni un pixel de tracking unique. c) Règles relatives à l utilisation d outils de tracking par le Client. Le Client s engage à ne pas utiliser d outils dits de tracking visant à réaliser des mesures spécifiques de performances de leur(s) campagne(s), sans autorisation préalable et expresse d OAN. Dans l hypothèse où OAN donnerait son autorisation pour l utilisation exceptionnelle de tels outils, ces outils ne devront en aucun cas, d une part, créer un dysfonctionnement de quelque nature que ce soit des Supports sur lesquels ils sont installés, et d autre part, collecter des données à caractère personnel en violation de la règlementation en vigueur, notamment, la loi n 78-17 du 6 janvier 1978 relative à l informatique, aux fichiers et aux libertés, modifiée par la loi n 2004-801 du 6 août 2004. En outre, le Client s engage à transmettre à OAN l intégralité des résultats et analyses de performance obtenus via ces outils et à ne pas les communiquer, utiliser, exploiter au bénéfice de tiers. Le Client reconnaît et accepte que OAN pourra lui demander à tout moment la modification ou la désactivation de tels outils, et qu en cas de non-respect de ses engagements contractuels OAN pourra bloquer l installation de ses outils, sans que le Client puisse prétendre à une quelconque indemnité. Il est rappelé que seules les statistiques de livraison des campagnes fournies par OAN font foi entre les Parties. 2/ Redirect créas L utilisation de redirect est autorisée pour les bannières et les interstitiels HTML5. Vous devez nous fournir une URL pointant vers les fichiers HTML qui contiendront l URL de clic et l ensemble des élèments externes ainsi que les images préalablement encodées en base 64. 25
Environnements trackables 26