specificites techniques des formats publicitaires

Transcription

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES
Contact Traffic : Audrey Pluot-Etourneau [email protected]
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 468x460
35 ko
OUI
OUI
Pour le format Expand Possibilité de nous fournir les deux créations Expand et Non Expandé et nous nous chargeons de la programmation. Expand au passage de la souris
Espace 4x3
160x120
20 ko
OUI
OUI
Carre
250x250
30 ko
OUI
OUI
Carre Expand vers la gauche
250x250 Expand 500x250
40 ko
OUI
OUI
Skyscraper
120x600
30 Ko
OUI
OUI
Medium Rectangle ou Livesquare
300x250
30 ko
OUI
OUI
Medium Rectangle ou Livesquare Expand vers la gauche
300x250 Expand 600x250
45 ko
OUI
OUI
Mega Banner
728x90
35 ko
OUI
OUI
Mega Banner Expand
728x90 Expand 728x250
45 ko
OUI
OUI
Redirect Script
Java Script
Iframe Accepte
Clic Command et
Impression Pixel
LES FORMATS PREFERENTIELS - FORMATS EXCLUSIFS SUR LA PAGE
Nom du Format
Dimension du Format
Poids Max
Fichiers Acceptés
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
260x360
40 ko
Jpg, gif , Flash
OUI
OUI
4eme de Couverture Expand vers la gauche
260x360 Expand 520x360
55 ko
Jpg, gif , Flash
OUI
OUI
Premium
300x415
45 ko
Jpg, gif , Flash
OUI
OUI
Premium Expand vers la gauche
300x415 Expand 600x415
60 ko
Jpg, gif , Flash,
OUI
OUI
Premium Plus
300x600
50 ko
Jpg, gif , Flash,
OUI
OUI
EMAILING
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’e-mail :
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.
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
200x200 40 ko et / ou lien texte 120 caractères
maximum (espaces compris)
Gif ou Jpeg
Hebdomadaire Newsletter envoyée le lundi Format n°2
558x114 40 ko
Gif ou Jpeg
Quotidienne
200x200 40 ko
Gif ou Jpeg
Exemples de newsletter hebdomadaires :
http://www.marmiton.org/lettre/lettre_357.htm
http://www.marmiton.org/lettre/lettre_356.htm
Seul un clic command peut-être accepté / Pas
de redirect possible ni d'impression pixel
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 :
http://www.marmiton.org/magazine/publiinfo-barilla-mois-de-l-italie-1.cfm
http://www.marmiton.org/magazine/publiinfo-cuisinez-facile-avec-alsa-1.cfm
http://www.marmiton.org/magazine/publiinfo-maggi-le-nouveau-geste-pour-donner-du-gout-1.cfm
http://www.marmiton.org/magazine/publiinfo-champomy-1.cfm
http://www.marmiton.org/magazine/publiinfo-leerdammer-1.cfm
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.
Publi-rédactionnel Option montage HTML par notre équipe en partant de textes + visuels fournis par l'annonceur
Format :
Exemples :
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).
Publi-rédactionnel Option rédaction du publi-info par notre équipe
Format :
Exemples :
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
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.
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 :
http://jeux.marmiton.org/Quiz_ete2008_Marmiton/
http://jeux.marmiton.org/Henaff_100_ans/
http://jeux.marmiton.org/France5_2007/
http://jeux.marmiton.org/Cerebos/
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.
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.
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 :
http://jeux.marmiton.org/BraunConcoursRecettesExpress/
http://jeux.marmiton.org/Barilla_Recettes_de_Printemps/
1)
2)
3)
4)
5)
Des éléments graphiques
Des consignes concernant la mise en avant de la marque et les textes/produits à mettre en avant
Des consignes correspondant aux critères de sélection des recettes
La liste des lots, leur valeur (pour le règlement) et les visuels correspondants (sauf si lots non fournis par l'annonceur)
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.
J : mise en ligne
Habillages homepage générale, de rubrique
Montage HTML par notre équipe en partant de textes + visuels fournis par l'annonceur
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 :
J : mise en ligne
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 : http://www.smartadserver.com/gestion/flash/?fr
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.
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 e-mail 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.

specificites techniques des formats publicitaires

Transcription

Documents pareils

Une recette de cuisine Marmiton

PartagerEnUnClic_CDuhamel_OCPop

Télécharger le PDF de l`offre - France Télévisions Publicité

PDF Formation Flash initiation - créer des animations Lille Nord 59

questions / reponses du credit agricole sud rhone alpes

FLASH : créer des animations Web / Intranet

meltyNetwork lance meltyFood.fr avec Marmiton

L1 : Découverte de l`informatique

aux frontières du luxe

Colliers de nouilles 2.0

trousse médias 2014

Caractéristiques Techniques Nikon D5

Les animations interactives