SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES

Transcription

1 SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES Contact Traffic : Audrey Pluot-Etourneau apluot@staff.aufeminin.com LES FORMATS CLASSIQUES Nom du Format Dimension du Format Poids Max Fichiers Acceptés Redirect Script Java Script Iframe Accepte Clic Command et Impression Pixel LE SON Pour les créations audio, le son doit être activé par un clic de l utilisateur et non au lancement de l animation NI par un simple passage de la souris sur la création (Roll Over). - Le son doit être encodé à un volume inférieur ou égal à -12 db. (Durée 30 secondes) - Les Créations doivent avoir des commandes audio de démarrage et d arrêt bien visibles. CREAS FLASH se reporter page 7 Bandeau ou Bannière 468x60 20 ko Jpg, gif, Flash, Html OUI OUI Bandeau Expand 468x60 Expand 468x ko Jpg, gif, Flash, Html OUI OUI Espace 4x3 160x ko Jpg, gif, Flash, Html OUI OUI Carre 250x ko Jpg, gif, Flash, Html OUI OUI Carre Expand vers la gauche 250x250 Expand 500x ko Jpg, gif, Flash, Html OUI OUI Skyscraper 120x Ko Jpg, gif, Flash, Html OUI OUI Medium Rectangle ou Livesquare 300x ko Jpg, gif, Flash, Html OUI OUI Medium Rectangle ou Livesquare Expand vers la gauche 300x250 Expand 600x ko Jpg, gif, Flash, Html OUI OUI Mega Banner 728x90 35 ko Jpg, gif, Flash, Html OUI OUI Mega Banner Expand 728x90 Expand 728x ko Jpg, gif, Flash, Html OUI OUI LES FORMATS PREFERENTIELS - FORMATS EXCLUSIFS SUR LA PAGE Nom du Format Dimension du Format Poids Max Fichiers Acceptés Redirect Script Java Script Iframe Accepte Clic Command et Impression Pixel LE SON Pour les créations audio, le son doit être activé par un clic de l utilisateur et non au lancement de l animation NI par un simple passage de la souris sur la création (Roll Over). - Le son doit être encodé à un volume inférieur ou égal à -12 db. (Durée 30 secondes) - Les Créations doivent avoir des commandes audio de démarrage et d arrêt bien visibles. CREAS FLASH se reporter page 7 4eme de Couverture 260x ko Jpg, gif, Flash OUI OUI 4eme de Couverture Expand vers la gauche 260x360 Expand 520x ko Jpg, gif, Flash OUI OUI Premium 300x ko Jpg, gif, Flash OUI OUI Premium Expand vers la gauche 300x415 Expand 600x ko Jpg, gif, Flash, OUI OUI Premium Plus 300x ko Jpg, gif, Flash, OUI OUI

2 ING L ENSEMBLE DES INFORMATIONS A NOUS FOURNIR 1) Les paramètres de votre message : Libellé d expéditeur (aufeminin pour XXX ou XXX via Marmiton) Sujet du message à envoyer (le sujet peut être personnalisé) 2) Pour un envoi en multipart, fourniture de : 1 fichier au format TXT (ex : mail.txt) saisi en ASCII plat 1 fichier au format HTML (ex : mail.html) 3) L ensemble des adresses de BAT sur les quelles des tests seront réalisés. SPÉCIFICATIONS ET RECOMMANDATIONS CONCERNANT LE MESSAGE 1) Personnalisation du sujet du message : Il est possible de personnaliser le sujet à l aide d informations transmises comme par exemple le prénom. Attention le sujet de votre message ne doit pas excéder 80 caractères. 2) Utilisation des caractères accentués dans le sujet du message : Il faut éviter d utiliser des caractères accentués dans le sujet des messages car ils risquent de ne pas être interprétés sur des machines n ayant pas les jeux de caractères adéquats. Eviter également une utilisation abusive des majuscules et caractères spéciaux (,!!!, ). 3) La taille optimale d un message en largeur : La taille optimale d un message est de 600 pixels en largeur ce qui permet d autoriser la consultation du message dans la fenêtre de prévisualisation des messageries de type Outlook sans avoir à utiliser la barre de défilement horizontale. Nous vous conseillons de centrer votre message pour une meilleure lisibilité. 4) Les caractères accentués ou spéciaux dans le corps du message HTML : Pensez à coder tous les caractères accentués ou spéciaux type ( = ) au format HTML pour que ceux-ci s affichent correctement sur les machines cibles qui ne possèdent pas les jeux de caractères adéquats. De façon générale il est fortement souhaité de respecter scrupuleusement les spécifications du W3C. 5) La personnalisation dans le corps du message HTML : Pour personnaliser avec les données remises dans votre fichier, vous devez prévoir des zones de texte et non des images. Attention également à la taille de ces zones pour éviter toute déformation de messages avec des champs de personnalisation longs. 6) Précautions lors de l utilisation de la balise <body> : Certains webmails suppriment cette balise : il faut donc éviter de l utiliser que ce soit pour insérer une image en fond de message ou pour fixer les couleurs des polices. Pour insérer des images en fond nous vous conseillons d utiliser des tableaux ou des balises <div> </div>. 7) Précautions lors de l utilisation de la balise <div> : Ne surtout pas utiliser de positionnements absolus dans ces balises : l affichage dans les webmails ne sera pas satisfaisant. 8) Précautions lors de l utilisation des tableaux : Nous vous conseillons de préférer l utilisation des tailles fixes au sein des tableaux à celle de pourcentage. 9) Les polices : Il est préférable dans le message de fixer la taille des polices pour s assurer que l apparence du message ne sera pas modifiée si l internaute n utilise pas la taille de caractère par défaut. Auquel cas, nous vous recommandons de déclarer les polices de la manière suivante : <font style= font-family :arial, helvetica, sans-serif; font-size: 12px; color: #000000; > </font> 10) Les feuilles de style dans l Nous vous déconseillons l utilisation des feuilles de style (CSS) dans l entête de vos messages car elles ne sont pas interprétées par la plupart des messageries et des webmails, et pourraient altérer la mise en page finale du message. Cependant si vous devez utiliser des styles, voici nos recommandations afin d optimiser l affichage sur les webmails : La feuille de style ne doit pas être externe. Si la feuille de style est incluse dans entre des balises <style>, elle ne doit pas être en commentaire. De plus, pour une meilleure interprétation des CSS, nous vous conseillons : Soit d inclure les styles directement dans le code HTML. Exemple : (<font style= font-family :arial,helvetica, sans-serif; font-size : 12pt; border-left : 1px dashed #cc3333; >). Soit d inclure les balises <syle> </style> juste après la balise <body>. Cependant cette technique n est pas efficace sur tous les webmails. 11) Recommandation pour la gestion de vos liens : Nous vous recommandons lors de l intégration de vos liens d utiliser l attribut target= _blank afin de provoquer l ouverture d une nouvelle fenêtre lors du clic. Nous vous conseillons également de nommer vos liens, cela nous permet de reprendre ce libellé au niveau du tracking et ainsi de faciliter la lecture des tableaux de bord. 12) Quelle est la taille maximum du message? La taille des messages est limitée à 80 ko pour une optimisation de l affichage du message et pour contourner une majorité de filtres antispams bloquant les messages dont le poids des images serait trop important.

3 SPONSORING DE NEWSLETTER Fournir AU PLUS TARD 5 jours ouvrables au préalable Newsletter Format Fichiers Acceptés Hebdomadaire Newsletter envoyée le lundi Format n 1 200x ko et / ou lien texte 120 caractères maximum (espaces compris) Gif ou Jpeg Hebdomadaire Newsletter envoyée le lundi Format n 2 558x ko Gif ou Jpeg Seul un clic command peut-être accepté / Pas de redirect possible ni d'impression pixel Quotidienne 200x ko Gif ou Jpeg Exemples de newsletter hebdomadaires :

4 ACCROCHE PUBLI L'annonceur doit nous fournir logo 50x50 + texte 60 caractères maximum (espaces inclus) afin que l'équipe de Marmiton réalise l'accroche OU l'annonceur peut nous fournir une accroche (208x70 px) avec les conditions suivantes : 1/ L'accroche doit être non animée 2/ L'accroche doit contenir la mention "Publi Info" au-dessus de la créa, écrite en police Verdana 10 px, avec une marge de 5 px 3/ L'accroche sera soumise à validation auprès de l'équipe de Marmiton Publi-rédactionnel avec Option intégration par notre équipe d'un fichier HTML tout prêt Format : Page HTML de 610 pixels de large intégrée à l'environnement Marmiton. Exemples : Eléments à fournir : Fournir AU PLUS TARD 5 jours ouvrables au préalable (15 jours ouvrables si l'opération comprend un quiz conjoint) les éléments suivants : 1) Fichier HTML et images correspondantes 2) Une accroche de 60 caractères maximum espaces compris (pour l'accroche publi-info) Les éléments devront être conçus pour s'intégrer au mieux dans l'environnement Marmiton. L'équipe se réserve donc un droit de regard concernant les aspects : 1- Graphiques 2- Contenu 3- Ergonomiques De même, ces éléments devront se conformer aux spécification techniques ci-dessous : Les contenus des publi-infos sont à fournir sous forme de compositions HTML compressées au format zip, rar ou 7z. 1- La composition ne doit pas dépasser 610 pixels de largeur. 2- Ces compositions HTML pourront intégrer : a) images (jpg, gif, png8 et png24 sans canal alpha/transparence), b) feuilles de style CSS Les styles devront être définis sur des classes (ex:.publicontenu{}) ou DOM id (ex: #publicontenu{}) et, en aucun cas, ne devront modifier les éléments standard du DOM constitutifs du HTML (ex: body, div, p...). Pour ne pas provoquer de collision avec les noms des classes et DOM id du site, les classes et DOM id du publi-info devront avoir pour préfixe "publi" (sans les guillemets). c) Eventuellement du javascript inline ou externe (fichiers.js) ne remettant pas en cause la cohérence du site Pour ne pas provoquer de collision avec les objets du DOM du site, les fonctions et autres objets du DOM du publi-info devront avoir pour préfixe "publi" (sans les guillemets). d) Eventuellement des fichiers SWF (Flash) et leur chargeur javascript si ceux-ci ne dépassent pas 300 Ko. Sauf accord commercial, l'hébergement des vidéos lues par des fichiers Flash n'est pas assurés par Marmiton. e) Les éléments positionnés en absolu sont à proscrire. Dans cette logique, les balises TABLE et ses enfants sont favorisés et, dans la mesure où positionnés d'une manière standard, les DIV sont autorisés.

5 Publi-rédactionnel Option montage HTML par notre équipe en partant de textes + visuels fournis par l'annonceur Format : Page HTML de 610 pixels de large intégrée à l'environnement Marmiton. Exemples : Eléments à fournir : Fournir AU PLUS TARD 10 jours ouvrables au préalable les éléments suivants : 1) Textes et éléments graphiques, contraintes liées à la charte graphique de l'annonceur (l'idéal étant de disposer de la charte graphique elle-même). 2) Une accroche de 60 caractères maximum espaces compris (pour l'accroche publi-info)

6 Publi-rédactionnel Option rédaction du publi-info par notre équipe Format : Page HTML de 610 pixels de large intégrée à l'environnement Marmiton. Exemples : Eléments à fournir : Fournir AU PLUS TARD 15 jours ouvrables au préalable les éléments suivants : 1) Un brief précis incluant : les objectifs de communication pour cette opération? Notoriété? trafic? positionnement de marque? de gamme? de produit? les points qu'il faut évoquer impérativement? les points à évoquer de manière facultative? le style (textuel + visuel) souhaité les contraintes liées à la charte graphique de l'annonceur (l'idéal étant de disposer de la charte graphique elle-même) des exemples de communications déjà réalisées par l'annonceur (formats web ou autres) des visuels 2) La nomenclature (liste) des éléments fournis 3) Une accroche de 60 caractères maximum espaces compris (pour l'accroche publi-info) Le timing typique est le suivant : J-12 : fourniture par Marmiton à l'annonceur d'un premier jet de texte J-10 : suite à échanges entre l'annonceur et Marmiton, obtention d'un texte validé par l'annonceur J-6 : proposition d'une maquette par Marmiton à l'annonceur J-5 : suite à échanges entre l'annonceur et Marmiton, obtention d'un publi-info validé par l'annonceur J : mise en ligne Le retro-planning définitif est envoyé aux interlocuteurs après visa du brief.

7 Jeu-concours de type Quiz Format : Quatre pages HTML de 610 pixels de large : présentation du jeu-concours règlement du jeu-concours présentation des lots page de quiz Exemples : Eléments à fournir : Fournir AU PLUS TARD 10 jours ouvrables au préalable les éléments suivants : 1) Des éléments graphiques 2) Des consignes concernant la mise en avant de la marque et les textes/produits à mettre en avant 3) Les questions (sauf s'il est convenu que nous devons les rédiger). Pour chaque question : Le libellé de la question (texte simple < 250 caractères) L'url de l'indice indice 4 libellés de réponses (texte simple < 250 caractères) dont 1 seul sera le bon le numéro de la bonne réponse 4) La liste des lots, leur valeur (pour le règlement) et les visuels correspondants (sauf si lots non fournis par l'annonceur) 5) L'étendue géographique du jeu (France, Belgique, Suisse, Luxembourg, etc) pour la rédaction du règlement Sauf indication commerciale contraire, les envois des lots ne sont pas à la charge de Marmiton. Le timing typique est le suivant : J-6 : envoi d'un BAT par Marmiton à l'annonceur J-3 : suite à échanges entre l'annonceur et Marmiton, validation du BAT par l'annonceur J : mise en ligne Le retro-planning définitif est envoyé aux interlocuteurs après visa des éléments.

8 Jeu-concours de type Concours de recettes Format standard : Quatre pages HTML de 610 pixels de large : présentation du jeu-concours règlement du jeu-concours présentation des lots formulaire de participation Exemples : Eléments à fournir : Fournir AU PLUS TARD 10 jours ouvrables au préalable les éléments suivants : 1) Des éléments graphiques 2) Des consignes concernant la mise en avant de la marque et les textes/produits à mettre en avant 3) Des consignes correspondant aux critères de sélection des recettes 4) La liste des lots, leur valeur (pour le règlement) et les visuels correspondants (sauf si lots non fournis par l'annonceur) 5) L'étendue géographique du jeu (France, Belgique, Suisse, Luxembourg, etc) pour la rédaction du règlement Sauf indication commerciale contraire, les envois des lots ne sont pas à la charge de Marmiton. Le timing typique est le suivant : J-6 : envoi d'un BAT par Marmiton à l'annonceur J-3 : suite à échanges entre l'annonceur et Marmiton, validation du BAT par l'annonceur J : mise en ligne Le retro-planning définitif est envoyé aux interlocuteurs après visa des éléments.

9 Habillages homepage générale, de rubrique Montage HTML par notre équipe en partant de textes + visuels fournis par l'annonceur Fournir AU PLUS TARD 10 jours ouvrables au préalable les éléments suivants : Textes et éléments graphiques, contraintes liées à la charte graphique de l'annonceur (l'idéal étant de disposer de la charte graphique elle-même). L'habillage consiste en une entête graphique au couleurs de l'annonceur non cliquable et d'une couleur de fond cohérente. Exemple : Le timing typique est le suivant : J-6 : envoi d'un BAT par Marmiton à l'annonceur J-3 : suite à échanges entre l'annonceur et Marmiton, validation du BAT par l'annonceur J : mise en ligne Le retro-planning définitif est envoyé aux interlocuteurs après visa des éléments.

10 SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES ELEMENTS EN FLASH Dans le cas de l utilisation du Flash, la création devra être lisible par la version Flash 7, c est-à-dire compilée sous une version inférieure ou égale. Des créations statiques de remplacement (en gif ou jpg) devront également être fournies pour les internautes n ayant pas le plug-in Flash. L adresse de destination doit impérativement être en paramètre, et non écrite en dur dans le fichier Flash. La marche à suivre concernant les paramètres à intégrer est expliquée en vous connectant à l adresse suivante : La variable doit-être intégrée sur la scene principale. on (release) { geturl (clicktag, target); } SI BOUTON FERMER Pour activer le bouton «Fermer» d un flash transparent, il faut que celui-ci appelle la fonction pub_ist_hd() (elle retire le layer et réactive tous les objets qu elle avait désactivés dans la page : menus déroulants, formulaires, ) Voici le code à intégrer dans le flash et à fournir à l agence graphique : on (release) { geturl("javascript: pub_ist_hd()"); } LE SON Pour les créas Audio, le son doit être activé par un clic de l utilisateur et non au lancement de l'animation ni par un simple passage de la souris (RollOver). Le son doit être encodé à un volume inférieur ou égal à -12 db. (Durée 30 secondes) Les créations doivent avoir des commandes audio de démarrage et d arrêt bien visibles.

11 AUTRES RENSEIGNEMENTS TECHNIQUES ET DELAIS Délais : L annonceur ou son mandataire devra fournir à MARMITON.ORG les créations, liens et autres éléments techniques, 1 semaine avant la mise en ligne de la campagne. Dans le cas où MARMITON.ORG réalise la création ou un publi-reportage, l ensemble des éléments nécessaires à la réalisation devra être transmis dans un délai de 6 semaines avant la date de mise en ligne de l'opération. Créations : Les créations devront être en accord avec le design du site (pas de contenu illicite, pas de clignotement rapide, pas de son par défaut ). Les formarts de type Interstitiel ne sont pas autorisés. MARMITON.ORG se réserve le droit de refuser l insertion de toute annonce contraire à l esprit ou à la présentation du site. Scripts : Dans le cas de l utilisation d HTML, le code fourni devra être un code exclusivement en Javascript. Les scripts devront être compatibles avec l ensemble des navigateurs acceptant le Javascript : ils devront ainsi prévoir des affichages de substitution après détection dans le cas où des fonctionnalités utilisées ne seraient pas présentes. Dans le cas de l utilisation de «layers», ceux-ci devront être positionnés en coordonnées absolues, et non en coordonnées relatives, afin de respecter le centrage du site. Les Scripts doivent être fournis à MARMITON.ORG par dans un fichier attaché, et non dans le corps du mail. Les scripts doivent comporter une variable de clic que permet aussi à MARMITON.ORG de comptabiliser les clics Redirects : MARMITON.ORG accepte les scripts en redirect pour certains formats comme indiqué précédemment. Toutefois, MARMITON.ORG n est pas responsable d un éventuel écart de statistique lié à la mise des scripts en redirect, et ce sont les statistiques mesurés sur le serveur de publicité de MARMITON.ORG qui seront utilisés pour mesurer la livraison de la campagne. MARMITON.ORG accepte les click-command en redirect. Les liens en redirect doivent obligatoirement contenir un «timestamp» afin de prévenir les problèmes de cache. La variable du timestamp doit se nommer [timestamp] : elle est alors remplacée au moment de la diffusion par un nombre aléatoire d environ 20 chiffres.