Spétechs Mobile D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4
Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact commercial habituel Deadline de 24h pour les éléments d une campagne «classique» Deadline de 48h pour les éléments d une campagne «complexe» (beaucoup de créas) ou HTML5 (le temps de faire les tests et les allers-retours)
Applications ios Applications Android Sites Mobiles Web Mobile Les clicks URL
Applications ios
Bannière Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing / traveling Vidéo Applications ios - Formats
Bannière Description Une image rectangulaire animée ou statique en haut ou bas de page Orientation (optionnelle) Portrait Landscape Format JPG GIF PNG Son OFF par défaut Taille écran iphone iphone Portrait : 640x106 iphone Landscape : 960x106 Taille écran ipad ipad Portrait : 1536x180 ipad Landscape : 2048x180 Poids 50 Ko max Applications ios - Bannière
Interstitiel Description Une image plein écran qui apparaît tandis que l application charge Orientation (optionnelle) Portrait Landscape Format JPG GIF PNG Son OFF par défaut Poids 100 Ko max Taille écran iphone iphone 4 Portrait : 640x960 iphone 4 Landscape : 960x640 iphone 5 Portrait : 640x1136 iphone 5 Landscape : 1136x640 Taille écran ipad ipad Portrait : 1536x2048 ipad Landscape : 2048x1536 iphone 4 iphone 5 ipad Applications ios - Interstitiel
Interstitiel Vidéo Démo, cliquez ici : Description Une vidéo qui apparaît sur un fond tandis que l appli charge Orientation (optionnelle) Portrait Landscape Format Background + vidéo JPG, GIF statique ou PNG MP4, encodé en H.264 Taille écran iphone iphone 4 Background Portrait : 640x960 iphone 5 Background Portrait : 640x1136 Taille écran ipad ipad Background Portrait : 1536x2048 Taille vidéo Vidéo : ratio 4:3 ou 16:9 iphone 4 iphone 5 ipad Son OFF par défaut Poids Background : 100 Ko max Vidéo : 500 Ko max Les vidéos peuvent avoir une durée de 20 s si elles respectent le poids max (500 Ko). Note : Le calque vidéo est automatiquement adapté à la largeur de l écran. La hauteur est ajustée en gardant l aspect ratio de l image. En mode paysage, la vidéo sera élargie pour s adapter à la hauteur de l écran. Si une image de fond est téléchargée, elle sera affichée en mode portrait seulement. Applications ios Interstitiel Vidéo
Bouncing / Traveling image Démo, cliquez ici : Description Bouncing : c est une image fixe qui rebondit aléatoirement sur les bords de l écran en fonction de la position du mobile. Traveling : C est une image fixe qui se déplace de façon prédéfinie à travers l écran. Format GIF fixe JPG PNG Poids 50 Ko max Taille écran iphone iphone écran non rétina : 200x200 iphone écran rétina : 400x400 Taille écran ipad ipad écran non rétina : 400x400 ipad écran rétina : 600x600 Applications ios Bouncing / Traveling image
Bouncing / Traveling vidéo Démo, cliquez ici : Description Bouncing : C est une vidéo qui rebondit aléatoirement sur les bords de l écran en fonction de la position du mobile. Traveling : C est une vidéo qui se déplace de façon prédéfinie à travers l écran. Taille Aspect ratio 4:3 ou 16:9 Format Vidéo MP4, encodé en H.264 Son Off par défaut Poids 500 Ko max Applications ios Bouncing / Traveling vidéo
CONTRAINTES TECHNIQUES Url de redirection : 150 caractères max! Attention, certaines applications ne reconnaissent pas les URLs traquées, ce qui rend la redirection avec l Appstore impossible. Bien respecter le paramètre post-click URL avec href=«sas:click» comme indiqué dans la documentation : http://help.smartadserver.com/ios/v4.0/#index.htm. Une seule redirection est acceptée (impossible d intégrer des redirections multiples). Mettre une taille relative (en pourcentage) et non une taille fixe (en pixel). La créa doit être capable de s adapter (format) à l ensemble des écrans iphone. La créa doit être capable de s orienter en portrait et paysage par elle-même. Nous ne pouvons pas diffuser des créas du type Adobe EDGE, HYPE, etc Nous acceptons des créas développées seulement en langage HTML-CSS3. ELEMENTS A ENVOYER Soit nous hébergeons le tout : envoyer un fichier ZIP avec la créa index.html + les autres fichiers associés. Les tailles sont les mêmes que les créas classiques. Soit vous hébergez le tout : on ne doit recevoir qu une URL qui va récupérer la créa animée hébergée. Applications ios Html5
Applications Android
Bannière Interstitiel Interstitiel Vidéo Applications Android - Formats
Bannière Description Une image rectangulaire animée ou statique en haut ou en bas de page Orientation (optionnelle) Portrait Landscape Format JPG GIF PNG Son OFF par défaut Taille écran Smartphone Android Smartphone Portrait : 720x120 Smartphone Landscape : 1200x120 Taille écran Tablette Android Tablette Portrait : 1536x256 Tablette Landscape : 2560x256 Poids 50 Ko max Applications Android - Bannière
Interstitiel Description Une image plein écran qui apparaît tandis que l appli charge Orientation (optionnelle) Portrait Landscape Format JPG, GIF ou PNG Son OFF par défaut Taille écran Smartphone Android Smartphone Portrait : 720x1280 Smartphone Landscape : 1280x720 Taille écran Tablette Android Tablette Portrait : 1536x2048 Tablette Landscape : 2048x1536 Poids 100 Ko max Applications Android - Interstitiel
Interstitiel Vidéo Démo, cliquez ici : Description Une vidéo qui apparaît sur un fond tandis que l appli charge Orientation (optionnelle) Portrait Landscape Format Background + vidéo JPG, GIF statique ou PNG MP4, encodé en H.264 Son OFF par défaut Poids Background : 100 Ko max Vidéo : 500 Ko max Taille Smartphone Background Portrait : 720x1280 Tablette Background Portrait : 1536x2048 Tablette Background Landscape : 2048x1536 Vidéo : aspect ratio 16:9 Note : Le calque vidéo est automatiquement adapté à la largeur de l écran. La hauteur est ajustée en gardant l aspect ratio de l image. En mode paysage, la vidéo sera élargie pour s adapter à la hauteur de l écran. Si une image de fond est téléchargée, elle sera affichée en mode portrait seulement. Les vidéos peuvent avoir une durée de 20 secondes si elles respectent le poids max (500 Ko). Applications Android Interstitiel Vidéo
CONTRAINTES TECHNIQUES Url de redirection : 150 caractères max! Attention, certaines applications ne reconnaissent pas les URLs traquées, ce qui rend la redirection avec le Play Store impossible. Contrairement à la partie iphone, pour remonter les clics dans les terminaux Android, nous avons besoin d une balise <a href=" "></a> pour toute la création comme indiqué dans la documentation : http://help.smartadserver.com/ios/v4.0/#index.htm. Une seule redirection est acceptée (impossible d intégrer des redirections multiples). Mettre une taille relative (en pourcentage) et non une taille fixe (en pixel). La créa doit être capable de s adapter (format) à l ensemble des écrans Android. La créa doit être capable de s orienter en portrait et paysage par elle-même. Nous ne pouvons pas diffuser des créas du type Adobe EDGE, HYPE, etc Nous acceptons des créas développées seulement en langage HTML-CSS3. ELEMENTS A ENVOYER Soit nous hébergeons le tout : envoyer un fichier ZIP avec la créa index.html + les autres fichiers associés. Les tailles sont les mêmes que les créas classiques. Soit vous hébergez le tout : on ne doit recevoir qu une URL qui va récupérer la créa animée hébergée. Applications Android Html5
WEB Sites Mobiles
Bannière Interstitiel Catfish Flip Banner Expand Banner Reveal Spin Cube WEB Sites Mobiles - Formats
Bannière Description Une image rectangulaire statique en haut (top), au milieu (middle) ou en bas (bottom) de l écran Navigateurs supportés ios Safari Android Browsers Firefox, Chrome Mango Internet Explorer Taille 320x50 Poids 30 Ko max Orientation Portrait Format JPG, GIF ou PNG WEB Sites Mobiles - Bannière
Interstitiel Démo, cliquez ici : Description Une image plein écran qui apparaît tandis que la page Web charge Navigateurs supportés ios Safari Android Browsers Firefox, Chrome Mango Internet Explorer Orientation Portrait Landscape Taille Portrait : 320x480 Landscape : 480x320 Poids 35 Ko max Format JPG, BMP ou PNG Son OFF par défaut WEB Sites Mobiles - Interstitiel
Catfish Démo, cliquez ici : Description Une bannière qui se déplace sur l écran en suivant le scroll Navigateurs supportés ios Safari Android Browsers Firefox, Chrome Mango Internet Explorer Taille 320x50 Poids 30 Ko max Orientation Portrait Format JPG, BMP ou PNG WEB Sites Mobiles - Catfish
Flip Banner Démo, cliquez ici : Description Une bannière qui tourne horizontalement ou verticalement pour montrer les deux côtés de la bannière Taille 320x100 La créa doit être coupée en 2 fois 320x50 Navigateur supporté ios Safari Orientation Portrait Format JPG, BMP ou PNG Poids 30 Ko max WEB Sites Mobiles Flip Banner
Expand Banner Démo, cliquez ici : Description Une bannière expand qui couvre le contenu lorsqu elle est déployée Navigateurs supportés ios Safari Android Browsers Firefox, Chrome Mango Internet Explorer Orientation Portrait Taille 320x358 1 fichier de création avec deux parties : - une partie inférieure toujours visible (320x53) - une partie supérieure qui s étend et qui couvre le contenu (320x305) Poids 30 Ko max Format JPG, BMP ou PNG WEB Sites Mobiles Expand Banner
Reveal Démo, cliquez ici : Description Une bannière qui pousse le contenu vers le bas Navigateurs supportés ios Safari Android Browsers Firefox, Chrome Mango Internet Explorer Orientation Portrait Taille 320x358 1 fichier de création avec deux parties : - une partie inférieure toujours visible (320x53) - une partie supérieure qui s étend et qui couvre le contenu (320x305) Poids 30 Ko max Format JPG, BMP ou PNG WEB Sites Mobiles - Reveal
Spin Cube Démo, cliquez ici : Description Un cube animé 3D qui dispose de 6 photos ou vidéos différentes Navigateurs supportés ios Safari Android Browsers Firefox, Chrome Taille 300x300 Poids 4 Mo max Orientation Portrait Format PNG, JPG, GIF, MP4 WEB Sites Mobiles Spin Cube
Url de redirection : 150 caractères max! Attention, certaines applications ne reconnaissent pas les URLs traquées, ce qui rend la redirection avec l Appstore/le Play Store impossible. Une seule redirection est acceptée (impossible d intégrer des redirections multiples). Mettre une taille relative (en pourcentage) et non une taille fixe (en pixel). La créa doit être capable de s adapter (format) à l ensemble des écrans iphone & Android. La créa doit être capable de s orienter en portrait et paysage par elle-même. Nous ne pouvons pas diffuser des créas du type Adobe EDGE, HYPE, etc Nous acceptons des créas développées seulement en langage HTML-CSS3. Soit nous hébergeons le tout : envoyer un fichier ZIP avec la créa index.html + les autres fichiers associés. Les tailles sont les mêmes que les créas classiques. Soit vous hébergez le tout : on ne doit recevoir qu une URL qui va récupérer la créa animée hébergée. WEB Sites Mobiles Html5
Web Mobile
Le Web Mobile est adservé sur AppNexus. Ce sont les mêmes formats IAB que pour le display mais consultables sur smartphone ou tablette. Les formats sont les mêmes que pour le web mais il faut garder en tête que ce sera diffusé sur des plus petits écrans dans le cas des smartphones, L idéal est de faire des créa pas trop chargées et avec peu d écriture. Le script agence n est pas possible. Créa Taille Poids Format MegaBanner 728x90 40Ko Gif, Jpeg, Html5 Pavé 300x250 40Ko Gif, Jpeg, Html5 Interstitiel 550x350 40Ko Gif, Jpeg, Html5 Dans le html5, pour l'interstitiel : - les clics seront comptés grâce à la macro ${CLICK_URL}. - impossible de faire plusieurs redirections. - le bouton «fermer» est géré de notre côté. - gestion du resize de la créa à faire dans le html5 pour l interstitiel (selon résolution et portrait/paysage). Web Mobile
Exemples de créas non optimisées pour le Web Mobile (trop d écritures, pas lisibles) Web Mobile
Exemples de créas optimisées pour le Web Mobile Web Mobile
Les clicks URL
Click URL ios Click URL Android Click to web http://www.mysite.com Lorsqu il clique sur la bannière, l internaute est dirigé vers le site web de l annonceur. Click to call tel:my_phone_number Le clic de l internaute entraine un appel téléphonique. Click to SMS tel:my_sms_number En cliquant, l internaute est invité à envoyer un sms. Click to app http://itunes.apple.com/ OU https://play.google.com/store Le clic renvoie l internaute vers l application de l annonceur. Click to maps maps:my_maps_url OU http://maps.google.com/ Après son clic, l internaute est invité à se rendre sur un plan/carte. Click to mail mailto:my_email_address L internaute est invité à envoyer un mail suite au clic. Click to youtube http://www.youtube.com Le clic dirige l internaute vers la lecture d une vidéo. Les clicks URL
CONTACT m obviousfr@hi-media.com