Maintenant que nous avons une base de données MailChimp contenant toutes les informations possibles sur les membres de notre réseau, nous allons exploiter ces informations en envoyant à nos membres des emails personnalisés...
Sur Voile-RC, j'ai fait le choix de mettre en place deux types de mails : des mails "évènementiels" qui sont envoyés aux membres exclusivement à 1 jour, 1 mois, et tout les ans après leurs inscriptions, ainsi que pour leurs anniversaires ; un mail d'actualité hebdomadaire, envoyé à tous les inscrits dans la base (membres du réseau et adresses collectées via le formulaire du site).
C'est de cette newsletter hebdomadaire dont nous allons parler ici...
Cette newsletter a pour objet de présenter ce qui s'est passé dans la semaine, l'agenda des prochains évènements, un rappel du profil de l'utilisateur (quand il s'agit d'un membre), une incitation à s'inscrire (pour les non-membres), et quelques liens importants (pour Voile-RC). Nous verrons dans le prochain article, quand envoyer ce mail et comment mesurer son impact en terme d'engagement des membres. Concentrons-nous aujourd'hui sur la conception de ce mail.
Ce mail (ici représenté à l'échelle ¼) est composé de 5 zones différentes :
-
La zone 1 et 2 présente pour un membre son pseudo (zone 1), sa photo, le nombre de commentaires sur son profil et des liens d'accès à ses contributions (zone 2). Pour un non-membre, elle contient le logo Voile-RC, un texte d'incitation et un bouton "inscription".
-
La zone 3 contient des liens vers le site, un site annexe (une base de données de plans d'eau où pratiquer le modélisme voile), la fan page Facebook, le compte Twitter,...
-
La zone 4 présente des liens vers les 7 discussions (forums) et billet de blog les plus populaires de la semaine.
-
La zone 5 présente les 9 photos et vidéos les plus populaires de la semaine.
-
Et la zone 6 montre l'agenda des 4 prochains évènements.
Comme vous le voyez, ces zones sont de trois types :
-
Statique : la zone 3 est conçue une fois pour toute, elle est présente et identique quelque soit la personnalisation. Nous connaissons tous les éléments qui la constitue, elle est donc très simple à mettre en œuvre.
-
Personnalisé : les zones 1 et 2 sont spécifiques à chaque destinataire. Dans le cas d'un non-membre elle est statique, dans le cas d'un membre, nous avons tous les éléments nécessaire à la construction des liens dans la base MailChimp . La mise en œuvre de ces zones reste donc relativement simple.
-
Dynamique : les zones 4, 5 et 6 présentent du contenu qui est différent chaque semaine et qu'il va falloir récupérer sur le réseau Ning. La complexité est ici plus grande car mettre en œuvre ces zones nécessite de récupérer ces informations dynamiques et de les mettre en forme "à la volée".
Le leaderboard
Cette fonctionnalité, déployée par Ning dans le courant de l'été 2010, va grandement nous aider. Elle est accessible via des urls spécifiques qui sont composées comme suit : <url_du_réseau>/leaderboards/type/fréquence, où "type" indique l'élément à obtenir (il peut s'agir de "videos", "photos", "discussions", "blogposts", "topmembers") et fréquence indique la période de calcul de popularité (il peut s'agir de "day", "week" ou "month").
Vous pouvez donc obtenir les photos les plus populaires de la semaine à l'url http://www.voile-rc.com/leaderboards/photos/week ou les membres les plus actifs de la journée à l'url http://www.voile-rc.com/leaderboards/topmembers/day.
Chacune de ces pages propose un flux RSS et c'est ce flux que nous allons exploiter car la bonne nouvelle, c'est que MailChimp est capable d'utiliser des flux RSS pour construire ses emails.
Yahoo ! Pipes à la rescousse
Malheureusement, ces flux RSS ne sont pas "formatés" pour ce que nous voulons en faire. Il va donc falloir trouver un moyen de transformer ces flux à la volée avant qu'ils ne soient utilisés par MailChimp. Il y a mille manières de faire cela. Mais une méthode relativement simple (et accessible aux non-programmeurs) et d'utiliser Yahoo ! Pipes...
Yahoo ! Pipes est un outil gratuit qui vous permet de fabriquer visuellement (en assemblant des boites fonctionnelles) des transformateurs de flux. Il nécessite un petit temps d'apprentissage mais permet de faire des choses redoutables. Voici les pipes que j'ai construit pour cette newsletter. Il sont publiques, vous pouvez donc les récupérer sur votre compte Yahoo ! Pipes et les adapter à votre besoin ou vous en servir de base pour construire les vôtres...
Grâce à cet outil, ont été construits les trois flux présentant les photos et vidéos populaires de la semaine (depuis le leaderboard), les discussions et billets de blog les plus populaires de la semaine (depuis le leaderboard) et l'agenda des évènements à venir (depuis le flux RSS du calendrier).
Conception du mail
Maintenant que nous avons tout le matériel nécessaire pour alimenter la newsletter, voyons comment la construire.
MailChimp propose plusieurs types de mails. Celui qui nous intéresse est RSS-driven campaign. Comme son nom l'indique, ce type de campagne est lié à un flux RSS qui va servir de contenu principal au mail (c'est le flux "maître"). J'ai choisi pour Voile-RC de faire du flux "Photos & Vidéos" le principal car c'est celui qui est le complexe à mettre en forme dans la newsletter.
La première chose à faire est de réaliser le design de cette newsletter. Si vous souhaitez vous inspirer de celui que j'ai fait, vous pouvez le télécharger en bas de ce billet, mais vous serez obligés de l'adapter à votre site (notament à son design) et à vos flux à vous....
Pour le flux principal (zone 5) sont utilisés les Merge Tags de type RSS. Ces tags sont à inclure au bon endroit, et avec les bonnes balises HTML, dans le template de votre mail. Cela se présente comme cela :
*|RSSITEMS:|*
*|RSSITEM:CONTENT_FULL|* <a href="*|RSSITEM:URL|*">*|RSSITEM:TITLE|*</a>
*|END:RSSITEMS|*
Ce fragment de code est relativement basique. Il indique à MailChimp d'aller chercher dans le flux RSS (item après item) le contenu de l'item et de construire le lien en utilisant l'url et le titre de chaque item.
Pour les deux flux secondaires (zones 4 et 6) sont utilisés les Merge Tags de type Feeds car, comme nous l'avons vu plus haut, un seul flux peut servir de "maître" à la newsletter. Cela se présente, cette fois, comme cela :
*|FEEDBLOCK:http://pipes.yahoo.com/pipes/pipe.run?_id=47b22c41c55e57ce2cc11be3bc7fc854&_render=rss|*
*|FEEDITEMS:[$count=4]|*
*|FEEDITEM:CONTENT_FULL|*
*|END:FEEDITEMS|*
*|END:FEEDBLOCK|*
Ici, il n'y a que le contenu de chaque item qui est repris, ce contenu étant déjà "formaté" par le pipes. Notez que dans le cas de ces types de Merge Tags l'url du flux est à déclarer directement.
Pour la zone 1 et 2, il faut utiliser les Merge Tags conditionnels qui permettent de générer des choses différentes selon un test sur une variable. La variable à tester ici est le champs *|MEMBER|*. Globalement, la structure à respecter à la suivante :
*|IF:MEMBER=1|*
<!-- Profil Utilisateur -->
*|ELSE:|*
<!-- Boite Standard -->
*|END:IF|*
Pour la génération des liens de profils, cela reste classique (pour les blogs, photos, amis, ....) et il faut faire un usage intensif du champs *|SCREENNAME|*. Notez l'url spécifique qui permet de d'accéder à "ce que j'aime" : http://www.voile-rc.com/profiles/like/list?screenName=*|SCREENNAME|*
Une fois tout ceci fait, il ne vous reste plus qu'à remplir les champs spécifiques à la campagne (notamment l'url du flux maitre) et à programmer l'envoi automatique. Voici pour Voile-RC ce que ça donne :
Quelques remarques
Si vous utilisez le template que j'attache à ce billet, pensez à le relire soigneusement pour être sur que vous pointez bien sur votre site, et non pas sur Voile-RC ;-)
Pensez aussi, si vous avez l'habitude d'utiliser Google Analytics, à tagger toutes vos urls. Ne laissez pas MailChimp le faire automatiquement (vous pouvez laisser le taggage que j'utilise si vous ne savez pas comment utiliser les campagnes dans Google Analytics)...
Si vous faites quelque chose de canon, pensez à le partager, comme je le fais aujourd'hui !
Les articles de la série :
