Coder un emailing c’est… tout un art. L’art de faire en sorte d’écrire du code HTML lu de la même façon par tous les mailers dans tous les navigateurs. Ce n’est pas mission impossible, mais il faut savoir ce qui passe et ce qui ne passe pas, et connaître quelques petits « hacks » pour corriger certains bugs d’affichages.

C’est après m’être arrachée les cheveux pour savoir comment supprimer l’espace blanc de 3px qui apparait entre deux images avec des liens dans une newsletter que j’ai décidé d’écrire cet article ou je vais recenser toutes les astuces à connaître. Et je compte sur votre participation !

Je commence donc avec cette histoire d’espace blanc entre deux images :

Problème de code newsletter : espace blanc entre deux images avec des liens

Il arrive de devoir découper une image en plusieurs parties pour pouvoir mettre deux liens différents derrière, et compter sur le fait que les deux images se touchent pour que le découpage ne se voit pas. C’est là qu’une barre blanche de 3px apparait entre les deux.

Vous pouvez trifouiller les padding, margin, height et autres dans tous les sens, rien n’y fait, firebug vous indiquera qu’il y a un mystérieux espace entre la fin de l’image et </a>. Au mieux un bgcolor dans votre <tr> peut cacher le problème, mais ça ne rend bien que si le bas de l’image est uni.

La solution : ajouter l’attribut style="display:block;" à votre image.

Et oui c’est tout ! Merci Quentin pour cette astuce.

ajouté le 19/12/10 :

Une marge qui varie d’un mailer à un autre

Il est important de savoir que la propriété margin n’est pas prise en compte par tous les mailers, et notamment pas par hotmail. Cela implique deux choses :

- N’utilisez pas la propriété margin dans le code de votre newsletter, qui induira un rendu différent sur hotmail. Utilisez plutôt le padding, qui semble pris en compte par tous.

- N’utilisez pas de balise pour laquelle le margin est défini par défaut dans le code de votre newsletter si sa valeur ne vous convient pas, comme <p>, <h1>, <h2> etc. Vous ne pourrez pas la changer sur tous les mailers. Par exemple hotmail ignore la valeur du margin que vous définirez et appliquera dans tous les cas margin : 0 0 1.35em; . Utilisez plutôt les balises <div> et <span>.

Des idées d’autres bugs courants ?

Voici le compte-rendu de la conférence Les 10 points clés pour réussir vos campagnes emailing qui a été tenue par Dolist ce matin, à la mêlée e-commerce à Toulouse.

#1 : Nettoyer sa base de données

Bénéfices : délivrabilité / performance campagne

Supprimer les adresses à rendement faible ou nul

Supprimer les adresses incorrectes (NPAI) et les adresses improbables pour augmenter le taux de délivrabilité.

L’emailing est un canal one to one, il est inutile d’écrire à une adresse si on ne connait pas le destinataire → supprimer les adresses techniques (webmaster@…), les adresses génériques (contact@…).

Supprimer les destinataires inactifs

Attention aux spam traps : les FAI récupèrent des comptes mails inactifs (abandonnés par leur propriétaire depuis une longue période) pour détecter les annonceurs qui exploitent une base de données non entretenue et les blacklister. Il est donc important de supprimer les contacts qui n’ouvrent pas vos emailings depuis 12 mois.

Origine des contacts

Dolist vous conseille de ne pas succomber à la tentation d’acheter des bases de données low cost. Elles contiennent de nombreux spam traps et d’adresses génériques, leurs performances sont mauvaises et elles peuvent nuire à la délivrabilité de vos prochaines campagnes.

La meilleure source de contacts reste l’inscription volontaire sur le site : des adresses e-mail opt-in, possibilité de qualifier la base en demandant les centres d’intérêt des contacts…

Lors de la constitution de bases de données grâce à la réalisation de jeux concours, il faut prévoir que 30% des adresses récoltées ne seront pas valables.

Baromètre

Experian CheetahMail a publié dans son baromètre de l’email marketing les statistiques du taux de clic en fonction de l’heure et du jour d’envoi. Voici les Résultats :

Analyse des résultats :

1. Il semble que ce soit une bonne idée de programmer l’envoi de ses emailings la nuit, probablement parce que votre email sera le dernier envoyé avant que l’internaute aille consulter ses mails. Cela laisse sous-entendre que les internautes consultent leur boite mail le matin en arrivant au boulot.
A nuancer cependant, car les résultats sont influencés par le fait que les « Ventes Privées » utilisent ce créneau, et que c’est une catégorie qui enregistre de bons taux de clics (> voir les statistiques sur les taux de clics par secteur).

2. Il semble que le meilleur jour pour envoyer un emailing est le dimanche. Probablement parce que quasiment personne ne le fait !

Tests A/B

Vous pourrez donc tester les recommandations qui ressortent du baromètre mais le mieux restent d’effectuer vos propres tests de jour et d’horaire d’envoi, en envoyant votre campagne emailing à la moitié de votre base de donnée à un moment donné et à l’autre moitié à un autre moment. Plusieurs plateformes d’envoi d’emailing prévoient cette option et facilitent ainsi l’optimisation de la performance de vos campagnes.

Ce baromètre pourra vous permettre d’évaluer la performance de vos propres campagnes d’emailing, selon votre secteur d’activité :

Certains de ces indicateurs comme le taux d’ouverture, le taux de clic et le taux de désabonnement doivent vous être communiqués par la plateforme d’envoi d’emails que vous utilisez.

En ce qui concerne les indicateurs qui interviennent une fois les internautes arrivés sur votre site, il faut se tourner vers votre webanalytics.

Indicateurs de performance des emailings sur Google Analytics

Sur Analytics, vous pouvez analyser :
- Le nombre de visiteurs réels (il peut y avoir une perte entre le nombre d’internautes ayant cliqué et le nombre d’internautes étant réellement arrivés sur votre site).
- Le taux de rebond, qui vous permettra d’évaluer la pertinence de la landing page que vous avez choisi.
- Le temps moyen passé sur le site, le nombre de pages vues et éventuellement les achats si votre site est un site e-commerce et qu’il est paramétré pour communiquer les transaction à Google Analytics. Ces derniers indicateurs vous permettront d’évaluer la qualité des visiteurs venant de vos newsletters, qui est générale est bien supérieure à la moyenne du site.

Tagger ses URL

Pour pouvoir différencier les internautes venant de votre newsletter, il faut tagger vos URL, c’est à dire ajouter un code de tracking à la fin des URL des liens qui se trouvent dans votre newsletter.

Par exemple : Vous souhaitez envoyer vos lecteurs vers l’URL suivante : www.monsite.com/page1.php. Remplacez-la par http://www.monsite.com/page1.php?utm_ source=newsletter&utm_medium=email&utm_campaign=nom-de-la-campagne.

Explication des différents tags :
utm_source : la source des visites, en l’occurrence une newsletter. Si vous envoyez différents types de newsletters, vous pouvez le mentionner ici. Par exemple : newsletter-promo-du-mois.
utm_medium : le support des visites, en l’occurrence un email.
utm_campaign : le nom de la campagne. Le plus simple pour s’y retrouver et de lui faire contenir la date de l’envoi.

Si vous effectuez des tests A/B concernant l’expéditeur, l’objet, le contenu ou l’horaire d’envoi, vous pouvez rajouter des informations dans le tag utm_content. Par exemple : http://www.monsite.com/page1.php?utm_source=source&utm_medium=support&utm_campaign=nom-de-la-campagne&utm_content=test-envoi-17h et http://www.monsite.com/page1.php?utm_source=source&utm_medium=support&utm_campaign=nom-de-la-campagne&utm_content=test-envoi-21h.

Pour tagger vos URL en suivant ce modèle, vous pouvez utiliser l’outil Google URL Builder

Le résultat sur Google Analytics

Pour voir le résultat sur Analytics, cliquez sur « Campagnes » dans le menu « Sources de trafic » dans la colonne de gauche.

Dans le menu déroulant « Campagne », vous trouverez Campagne (utm_campaign), Source (utm_source), Support (utm_medium) et Annonce (utm_content).

C’est plus, voire beaucoup plus que nos voisins européens :

Ne sachant pas quelle part des emails est personnelle, professionnelle, promotionnelle, ou indésirable on ne saura pas pourquoi les français reçoivent tant d’emails.

Le nombre d’emails reçus varie en fonction de l’âge. Là tout de suite, je suis plus proche de la moyenne.

Étrangement, les jeunes reçoivent beaucoup moins d’emails. Plusieurs raisons possibles à cela :

• Une part des 18-24 ans ne travaille pas encore et ne reçoit pas d’emails professionnels, qui peuvent selon les postes s’avérer nombreux.
• Les jeunes sont peut-être plus enclins à utiliser d’autres moyens de communications : messageries instantanées, messages sur Facebook…
• Les jeunes savent peut-être mieux gérer leur boite mail. La plupart des français pense que le volume de courrier indésirable a fortement augmenté ces dernières années. Pour ma part, il me semble que les boites mails gèrent de mieux en mieux le spam et que les sites sont de plus en plus réglo avec le désabonnement des newsletters, il en résulte que je reçois moins de courrier indésirable. Les plus âgés ne tentent peut-être pas de se désabonner des newsletters qui ne les intéressent pas.

Les statistiques de cet article sont tirées du rapport 2009 « Email marketing consumer » mis à disposition par Contact Lab, une plateforme italienne d’email marketing, qui a mené une étude à l’échelle européenne (France, Italie, Espagne, Allemagne et Royaume-Uni) sur le comportement des internautes vis-à-vis de l’emailing.

Le téléchargement est gratuit alors si la problématique de l’emailing vous intéresse, profitez-en ! Vous apprendrez que 65% des français s’abonnent aux newsletters avec leur email principal, que plus de 70% suppriment les newsletters sans les lire lorsqu’ils en ont assez d’en recevoir, que 8% utilisent un appareil mobile…