Abonnement email à votre flux via Feedburner (valide xhtml)

17/10/2007
Services web et logiciels Allez aux commentaires

Si vous utilisez l'excellent service Feedburner pour gérer vos flux, il faut savoir que vous avez également la possibilité de proposer à vos visiteurs un abonnement via email.

Cette option fonctionne comme une newsletter, Feedburner enverra un email à tous les inscrits avec un aperçu de votre flux.

Comment activez ce service ?

  1. Rendez vous sur votre compte Feedburner
  2. Cliquez sur l'onglet "Publicize"
  3. Dans le menu de gauche, cliquez sur "Email Subscriptions"
  4. Maintenant cliquez sur le bouton "Activate"
  5. Vous voilà sur une nouvelle page, choisissez la langue (français en l'occurrence)
  6. Copiez le code fourni sur votre site à l'endroit où vous désirez voir la case d'abonnement s'afficher
  • Pour régler la fréquence d'envoi des emails: onglet "Publicize" > "Email subscriptions" > "Delivery Options"
  • Pour gérer les abonnés: onglet "Publicize" > "Email subscriptions" (tout en bas)

Simple non ?

Mais le problème, c'est que Feedburner va vous fournir un code pas propre du tout qui risque bien de casser la validité de votre site. De plus même en sélectionnant français, le texte reste en anglais ! Je vais donc vous montrez comment résoudre ces petits désagréments ...

Nettoyage du code fourni par Feedburner et traduction

Le code de base fourni par feedburner est le suivant:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=929682', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <p>Enter your email address:</p>
        <p><input type="text" style="width:140px" name="email"/></p>
        <input type="hidden" value="http://feeds.feedburner.com/~e?ffid=xxxxxx" name="url"/>
        <input type="hidden" value="Webinventif" name="title"/>
        <input type="hidden" name="loc" value="fr_FR"/>
        <input type="submit" value="Subscribe" />
        <p>Delivered by <a href="http://www.feedburner.com" target="_blank">FeedBurner</a></p>
</form>

Ce qui vous donnera le résultat suivant:
Mail par defaut

Voici donc le code nettoyé, valide XHTML 1.0 strict et traduit:

<script type="text/javascript">
function pop_it(the_form) {
        my_form = eval(the_form)
        window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=xxxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');
        my_form.target = "popupwindow";
        my_form.submit();
}
</script>
<form id="formu" style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post">
        <p>
                <input style="width: 140px;" name="email" type="text" />
                <input value="http://feeds.feedburner.com/~e?ffid=xxxxxx" name="url" type="hidden" />
                <input value="Webinventif" name="title" type="hidden" />
                <input name="loc" value="fr_FR" type="hidden" />
                <input type="button" value="S'abonner" onclick="pop_it(document.getElementById('formu'));" />
        </p>
</form>

Et donc visuellement vous obtiendrez:
Mail feedburner nettoyé

Il ne vous reste plus qu'à intégrez le code dans votre site. Si vous êtes sous Dotclear 2 ou WordPress, ce code s'intègre facilement via les widgets des barres latérales ;)

Ps: Le code nettoyé contient un morceau de javascript, il est évident que vous pouvez le placez dans un .js externe si vous le désirez ;)

-----

Articles relatifs

  1. JFMichaud
    17/10/2007 à 22:48 | #1
    Répondre | Citer

    Longue « gestation » mais tu reviens en force K-ny. Super enfin…

  2. k-ny
    17/10/2007 à 22:57 | #2
    Répondre | Citer

    Merci Jean-François ;)

  3. Twidi
    18/10/2007 à 00:21 | #3
    Répondre | Citer

    Hmmm je ne suis pas sur que le onclick sur le bouton submit soit mieux que le onsubmit sur le form ;)

  4. k-ny
    18/10/2007 à 00:29 | #4
    Répondre | Citer

    Hello Twidi :)

    Effectivement la « méthode » n’est pas forcement meilleur, mais quitte à être obligé d’utiliser javascript pour faire fonctionner l’abonnement, autant y aller carrément !

    Même si je clame haut et fort « vive le javascript non-intrusif » ;)

  5. Dieu tout Puissant
    18/10/2007 à 01:07 | #5
    Répondre | Citer

    Excellent ! Je ne le proposais pas à mes visiteurs parce qu’il y avait la barrière de la langue. Mais si on peut passer outre, c’est génial. Par contre, il y a-t-il un message de confirmation envoyé à l’abonné ? Si oui, est-il en anglais ?

  6. k-ny
    18/10/2007 à 01:17 | #6
    Répondre | Citer

    @Dieu (aurevoir ? ^^)

    Oui il y a un mail de confirmation, en anglais par défaut,. Mais tu peux le changer via feedburner.

    Tu vas sur ton compte, onglet « Publicize » > « Email subscriptions » > « Communication Preferences »

    Là dans le champs « Confirmation Email Body » tu peux traduire ! Tiens si tu veux ma traduction:

    Bonjour,

    Vous vous êtes récemment inscris a la newsletter de NOM DU SITE. Pour valider votre inscription, cliquez simplement sur le lien suivant:

    ${confirmlink}

    (Si le lien ci dessus n’est pas cliquable, copiez le dans la barre d’adresse de votre navigateur internet)

    ;)

  7. Dieu tout Puissant
    18/10/2007 à 02:02 | #7
    Répondre | Citer

    Parfait !!!! Merci

  8. sylvain
    20/11/2007 à 11:24 | #8
    Répondre | Citer

    bonjour,

    il est écrit « Pour régler la fréquence d’envoi des emails: onglet “Publicize” > “Email subscriptions” > “Delivery Options” »

    mais on ne peut pas regler la fréquence, le mail c est 1 fois par jour si il y a des nouveau articles et c est tout ;p

  9. Enora
    25/11/2007 à 06:47 | #9
    Répondre | Citer

    Oui, on ne peut pas réellement régler la fréquence des envois, il y a un mail d’envoyé dès que le blog a été mis à jour. Mais on m’a dit qu’on pouvait tout de même faire des envois à la semaine…
    Est-ce que quelqu’un a entendu parler de ça, ça m’intéresse…
    Merci !

  10. LOmiG
    25/11/2007 à 10:48 | #10
    Répondre | Citer

    oui
    comme Enora, je suis intéressé si quelqu’un sait comment régler la fréquence. J’aimerais passer à la semaine, mais je ne peux pas .
    merci d’avance !

  11. Tryptico
    03/02/2008 à 21:26 | #11
    Répondre | Citer

    Bonjour,
    Toujours pas de nouvelles concernant la fréquence des newsletter sur feedburner ? cela voudrait il dire que c’est tout simplement impossible de modifier celle ci ? :s

  12. RVB
    18/03/2008 à 09:20 | #12
    Répondre | Citer

    Bonjour,
    Utilisateur de feedburner, il y a une chose que je ne comprends pas.
    Les abonnés vont recevoir des e-mails quotidiens de notification à chaque changement sur le blog, MAIS quel mail vont ils recevoir, est-ce un mail auto-généré? est-ce un mail que je peux saisir ? Impossible de trouver l’info sur le site FeedBurner. Merci de votre aide

  13. Enora
    18/03/2008 à 11:01 | #13
    Répondre | Citer

    Bonjour RVB,
    Le mail que vont recevoir les abonnés est généré automatiquement par Feedburner.
    Un envoi de mail est généré une fois par jour si du contenu a été apporté au blog (donc : pas de nouveau post = pas de mail), vous pouvez déterminer l’heure de l’envoi.
    Le mail est un peu personnalisable :
    - couleur du titre des articles et des liens,
    - rajout d’une accroche et d’un logo possible (ils apparaîtront tout en haut de l’email, séparé du contenu par un trait).

    J’espère que mes explications vous aideront.

  14. k-ny
    18/03/2008 à 12:13 | #14
    Répondre | Citer

    Tout à fait exact Enora :)

  15. RVB
    18/03/2008 à 18:21 | #15
    Répondre | Citer

    Merci Enora, c’est très clair; ce mail généré par FeedBurner sera donc en anglais comme je n’en ai jamais reçu je n’ai pas idée de l’apparence.
    En tout cas merci bcp
    Cordialement

  16. RVB
    30/04/2008 à 17:23 | #16
    Répondre | Citer

    Bonjour,
    l’abonnement par e-mail ne semble pas fonctionner, j’ai suivi les indications comme décrit ci-dessus, des gens se sont abonnés (moi aussi) mais acun mail n’est envoyé lors des ajouts ou modifications de mon blog ????!!!!
    Qu’ai-je mal fait

    merci

  17. Aupetit
    15/05/2008 à 11:40 | #17
    Répondre | Citer

    Bonjour,

    J’utilise feedburner depuis un petit bout de temps sur deux blogs et cela fonctionne très bien !

    Seul bug : pour un blog, j’ai le billet entier oublié et pour l’autre j’ai uniquement le début du billet qui est envoyé par mail. Savez-vous quelle option me permet de changer ça ??

    Merci d’avance pour votre aide !

  18. sOz
    23/08/2008 à 03:54 | #18
    Répondre | Citer

    ha ben merci pour l’explication ! En général je comprends l’anglais mais quand on vois la masse de mots et d’onglet, ça décourage un peu ! ce post m’a été des plus utiles :)

  19. Jean-Baptiste
    29/12/2008 à 15:42 | #19
    Répondre | Citer

    Merci ;)

  20. bignok
    17/03/2010 à 19:42 | #20
    Répondre | Citer

    Pas mal du tout mais je rencontre un autre problème…comment traduire la newsletter reçu par mes visiteurs???

    Il n y a aucun moyen de créer ou de modifier sa newsletter envoyée avec feedburner???

    Mon bas de page est en anglais, le lien pour se desinscrire …etc

    Si quelqu’un sait comment faire je suis preneur!

    Merci d’avance

  21. Diana
    06/05/2010 à 10:44 | #21
    Répondre | Citer

    @RVB
    J’ai le même souci que toi, je me suis inscrite avec 2 adresses mails, j’ai fait deux publications depuis hier et réglé l’envoi entre 10 et 11h du mat et rien dans ma boite… Savez-vous d’où vient le problème ? Merci !

  22. Namba
    13/12/2010 à 23:46 | #22
    Répondre | Citer

    Bonsoir,

    Même souci que RVB et Diana, inscrit à ma propre newsletter avec 2 adresses différentes, j’ai réglé l’envoi auto, j’ai posté un message et je ne reçois rien…
    Avez-vous une idée ?

    Par avance merci

  23. Forumbrico
    08/02/2011 à 11:59 | #23
    Répondre | Citer

    Bonjour,

    Comment créer un lien direct vers l’inscription aux feeds ?

    Merci

  1. 28/10/2007 à 07:38 | #1
    (parenthese.be) » Blog Archive » HTTParty #17