Introduction

Smart Match est une nouvelle technologie qui permet de rendre le contenu d'un email dynamique.

Description technique

La technique consiste à cacher des images subtilement dans le contenu des emails. Ces images seront contactées par le client mail mais ne retourneront pas de contenu (code HTTP 204: No Content), elles devront avoir une url contenant des paramètres définissant le coté dynamique du contenu (par exemple l'identifiant d'une commande ou la référence d'un formulaire). Lorsque le serveur servant les images décide de changer le contenu de l'email, il n'a qu'à retourner un contenu valide par image, il grillera alors les allumettes "Match" car ces images seront mises en Cache par le client email. Correctement disposées avec des attributs CSS adaptés, les images peuvent recouvrir une partie du contenu, en ajouter, rendre des boutons inactifs ou même ajouter des informations.

Exemple: Validation d'une demande

Imaginez un accusé de réception pour une demande quelconque. Vous recevriez un email dans le début pourrait ressembler à ça: pending.png Une fois la commande acceptée (ou refusée), l'email deviendrez: accepted.png Code de l'email:

<div style="background: url('http://izzyway.com/background/pending.gif') no-repeat top right;">
   <img src = "http://izzyway.com/background/ribbon.php?id=123" style = "float: right; margin: 0; padding: 0;z-index:100;" alt = "" title = "" />
   <img src = "http://izzyway.com/background/msg.php?id=123" style = "margin:0 0 0 44px;" alt = "" title = "" />
   <div>
      <p>Nous accusons de votre demande. </p>
</div></div>

Aussi longtemps qu'il est nécessaire l'image nommée ici background/ribbon.php retournera "204 No Content", une fois la demande effectivement validée (ou refusée), le serveur retournera le contenu de l'image avec biensur le code 200. L'image background/msg.php agira de la même façon mais avec un contenu donnant des informations complémentaires sur la validation de la demande.

Autres applications possibles

  1. Griser des boutons (en positionnant une image transparente au dessus)
  2. Suivi de livraison de commande (une image par ligne dans un tableau d'information)
  3. Information sur l'ouverture de l'email (pour le cas de liste d'email)
  4. et bien d'autres...

Tests

Smart Match a été testé avec gmail, yahoo, hotmail, et d'autres clients emails lourds (pas Outlook je l'avoue), cela fonctionne super bien.

Conclusion

Plus qu'une nouvelle technologie, Smart Match est un algorithme habile pour rendre dynamique le contenu d'un email. Le point crucial de la technique est la gestion du Cache du client email, une fois l'image utilisée, elle sera mise en Cache (elle sera "grillée" comme une allumette) et ne pourra alors plus être utilisé pour changer le contenu de l'email. Le résultat est bluffant, les images changent dès l'ouverture de l'email et le contenu semble vraiment changer.