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:

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

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

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

"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();
}

"formu""border:1px solid #ccc;padding:3px;text-align:center;""http://www.feedburner.com/fb/a/emailverify""post"
       
                "width: 140px;""email""text"
                "http://feeds.feedburner.com/~e?ffid=xxxxxx""url""hidden"
                "Webinventif""title""hidden"
                "loc""fr_FR""hidden"
                "button""S'abonner""pop_it(document.getElementById('formu'));"
       
 

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