Question de client : faire des liens internes dans un email
“Est-ce que je peux faire des liens dans mon email, par exemple pour un sommaire qui renvoie vers différentes sections ?”
“Je voudrais un lien Back To Top dans mon email.”
La réponse commerciale à ne pas faire :
C’est possible !
La réponse commerciale à faire :
Je vous le déconseille. Ces liens ne fonctionneront pas pour tout le monde. Vous risquez de donner à penser que vos liens sont buggés, ce qui n’est jamais bon pour l’image de marque.
Et puis si votre email est long au point de nécessiter des liens interne, c’est qu’il faut probablement revoir la quantité de votre contenu.
L’explication :
Votre internaute a des dizaines de possibilités pour lire ses mails : les logiciels de mail classique (Outlook, Thunderbird, Lotus, Mail, etc.), les webmails publics (Hotmail, Gmail, Yahoo, etc.), les webmails privés, les interfaces mobiles… Chacun a ses méthodes de rendu du HTML, qui différent beaucoup du rendu classique d’un navigateur (déjà que celui-ci n’est pas encore stabilisé…) Et sur beaucoup, les liens internes ne fonctionneront pas. Certains ouvriront une popup avec un message d’erreur, d’autres désactiveront carrément les liens. Comme il n’est pas possible d’afficher dynamiquement une alternative aux internautes pour qui le lien ne marcherait pas, ceux-ci penseront simplement que la page est buggée.
“J’ai compris… Vous pouvez me les faire, donc ?”
Je peux, mais c’est mal.
“Ne me faites pas vous menacer !”
C’est votre argent… Voici le code à implémenter, il suffit de se transporter 10 ans en arrière:
- Sur chaque zone de destination dans l’email, une balise A nommée. Exemple, <a name=”article1”>Début de mon article qui blabla…
- Sur chaque lien interne, une propriété href référençant le nom de la zone de destination. Exemple, <a href=”#article1”>Mon lien vers l’article 1</a>
Là ou ça passe :
- Apple Mail (testé sur Mail 3.6)
- Mozilla Thunderbird (testé sur 2.0)
- Lotus Notes 8 (non vérifié)
- Hotmail
- Gmail et Yahoo : si href contient bien un nom et pas juste “#”
- iPhone Mail (testé sur iPhone OS 3.0)
- Lotus Notes 7 : le clic ouvre un popup contenant un message d’erreur
- Outlook (non vérifié)
- Gmail et Yahoo : si href contient seulement “#”
- RoundCube (webmail) : les liens internes sont désactivés et du coup même pas cliquables
- @mail (webmail) en interface simple Ajax : le clic ouvre une nouvelle page qui affiche l’écran de login du webmail
Là ou ça casse :
Je mettrai ce post à jour au fur et à mesure de mes tests. Si vous avez infos sur des logiciels/webmails particuliers… Ça m’intéresse !
