Nouveau bouton Envoyer-Send de Facebook

Facebook vient de sortir un nouveau bouton intitulé Envoyer (ou Send) qui permet (à la différence du bouton j'aime) aux membres du réseau social de choisir les amis ou les groupes avec lesquels ils souhaitent partager leur intérêt, un article ou un produit en ligne.
Envoyer Facebook
Dans cet article vous découvrirez comment ajouter le nouveau bouton Envoyer de Facebook dans un blog sous Blogger-Blogspot.

Pour commencer je vous invite à tester le bouton ci-dessous :



ou



Maintenant voici les codes pour les différents formats :

Bouton Envoyer tout seul

Pour ajouter un bouton Envoyer/Send seul, utilisez ce code :
<script src='http://connect.facebook.net/fr_FR/all.js#xfbml=1' type='text/javascript'></script><fb:send expr:href='data:post.canonicalUrl' colorscheme='light'></fb:send>

Bouton Envoyer + Bouton J'aime

Pour utiliser le fameux bouton j'aime + le nouveau bouton Envoyer utilisez ce code :
<script src='http://connect.facebook.net/fr_FR/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' expr:href='data:post.url' layout='standard' send='true' show_faces='false' width='450'/>

Où placer ces codes

Si vous avez déjà ajouté des boutons de partage dans votre blog, il suffit de recopier celui du bouton Envoyer à coté; sinon je pense que le meilleur emplacement pour les boutons Envoyer et J'aime est à la fin de chaque article.
Voici par exemple ce que ça donne dans le blog de Zone Jeu avec le bouton Twitter en plus :
Pour avoir le même résultat, il suffit de recopier le code en dessous juste après <data:post.body/>:
<span style='float:left;margin-top: 15px;'><a class='twitter-share-button' data-count='horizontal' data-lang='fr' data-related='LeBlogger:LeBlogger' data-via='LeBlogger' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow'>Tweeter</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script></span>

<div style='float:left; width: 300px;margin-top: 15px;'><script src='http://connect.facebook.net/fr_FR/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' expr:href='data:post.canonicalUrl' font='' layout='standard' send='true' show_faces='false' width='380'/></div>
N'hésitez pas à laisser un commentaires si vous avez une question et bien sûr n'oubliez pas de partager cet article :)
Libellés : Publié le jeudi, mai 05, 2011
21 Commentaires
  1. Mais tu ne l'as pas mis sur LeBlogger si ?

    Chez moi j'ai le même prob qu'avec le bouton Partager au niveau des images. Ca ne prend pas l'image du post mais une au hasard sur le template. :-(

    RépondreSupprimer
  2. Non je ne l'ai encore implémenté dans le blog

    Oui tu as raison les 3 boutons FB prennent automatiquement la première image, je ne pense pas qu'on peut y changer quelque chose, la doc Facebook : http://developers.facebook.com/docs/opengraph/

    RépondreSupprimer
  3. merci pour le tuyau, ça marche impec chez moi !
    a+

    http://actu-loisirs.com

    RépondreSupprimer
  4. Quand je passe en mode HTML et que je copie votre code a la fin de mon article, il y a écrit ceci : Impossible d'accepter votre texte HTML: La balise n'est pas refermée.: SCRIPT

    RépondreSupprimer
  5. Ya moyen d'enlever le "17 personnes aiment ça." sur la droite?

    RépondreSupprimer
  6. Soufiane Pourquoi le bouton 'J'aime' n'apparai pas en Acceuil? :S!

    RépondreSupprimer
  7. Impossible d'ajouter le simple bouton j'aime

    je le copie a la fin de mon message et j'ai

    Impossible d'accepter votre texte HTML: La balise n'est pas refermée.: SCRIPT

    Je ne comprends pas

    RépondreSupprimer
  8. merci,
    là c'est le code avec "Like" mais comment faire pour avoir le "j'aime"

    RépondreSupprimer
  9. il faut remplacer us_US par fr_FR

    RépondreSupprimer
  10. Bonsoir Soufiane,
    Pourquoi quand je clique sur mon bouton "envoyer" sous l'article je n'est pas le texte de mon article mais celui de mon blog? es-ce normal !
    Je vous joins l'adresse de mon blog: http://bernard-dollet.blogspot.com/
    Merci pour votre réponse.

    RépondreSupprimer
  11. Excellent, ça fonctionne à merveille.
    Bonne continuation et bon travaux pour ce blog
    I like Leblogger ;-)

    RépondreSupprimer
  12. Bonjour,

    Pourquoi quand je clique sur mon bouton "envoyer" ou "j'aime "sous l'article je n'est pas le titre et le texte de mon article mais celui de mon blog? es-ce normal !

    Si vous voulez tester : http://www.stereomusicconnection.com/

    Merci d'avance

    RépondreSupprimer
  13. Bonjour (re),
    J'ai une autre question, le scrpit semble planter sur IE 8. Est-ce normal ? que puis-je faire car il fonctionne parfaitement sous Chrome et Mozilla ?
    Merci d'avance.

    Cordialement,

    RépondreSupprimer
  14. Je ne trouve pas le code :
    Pouvez vous m'aider
    merci

    RépondreSupprimer
  15. Bonjour Soufiane,
    Je n'ai toujours pas de réponse a ma question du 14 septembre donc je vous la repose en espérant avoir des infos concernant mon problème:"Pourquoi quand je clique sur mon bouton "envoyer" sous l'article je n'est pas le texte de mon article mais celui de mon blog? es-ce normal !
    Je vous joins l'adresse de mon blog: http://bernard-dollet.blogspot.com/
    Merci pour votre réponse.

    RépondreSupprimer
  16. Bonjour Soufiane,

    désolé de vous déranger. Merci pour cet article. J'ai le même problème que beaucoup. JE voudrais que le pop up et le lien vers facebook fassent apparaitre le texte et l'image de l'article. Et non le texte ci dessous, qui correspond au metatag de mon site global...

    - LANGLOIS
    http://sousmarinrouge.fr/index.php?o...
    \\\\\\\\\\\\\"Le Sous-marin Rouge\\\\\\\\\\\\\". L'atelier d'Alex Langlois & Akirakuma : illustrateurs et auteurs de bandes dessinees., Un ptit c...

    pareil l'image est prise au hasard plus loin dans le site, et n'est pas celle de l'article...

    voici l'adresse de la page. merci d'avance pour votre aide.
    http://sousmarinrouge.fr/index.php?option=com_content&task=blogcategory&id=0&Itemid=86

    RépondreSupprimer
  17. Facebook utilise par défaut la description de la page et récupère l'image parmi celles présentes sur la page.
    Si vous voulez utiliser un titre, une description, une (ou plusieurs) image(s) il suffit d'utiliser le protocole Open Graph, un ensemble de balises à placer dans l'entête de la page :
    og:title, og:type, og:image, og:url, og:description

    Je les ai utilisées sur un de mes sites. Les pages des sorties contiennent ces balises qui sont lues par FB lors de sa première visite.

    Attention : Facebook les place en cache, donc on ne voit pas de différence quand on les change, j'ai mis un moment à comprendre pourquoi mes tests ne fonctionnaient pas !

    RépondreSupprimer
  18. Bonjour

    Je cherche a envoyer tous mes article sur ma page facebook en quelque clic, mais je n etrouve pas de plugins wordpresse ou une astuce pour le faire , quelqu'un a t'il une idée ?

    Merci pour votre aide ;)

    RépondreSupprimer
  19. zir j'ai oublier de vous donnez l'adresse ^^

    Mon blog http://bestmovies.fr/
    Et mon facebook : http://www.facebook.com/pages/BesTMovieS/248755455216042

    J'ai déja publier quelque article mais 1 apré l'autre comme j'ai environ 500 aricle a publier cela va me prendre trop de temps :(

    Une solution ? merci encore

    RépondreSupprimer
  20. J'AIME VOTRE BLOG VISITEZ AUSSI DANS MON WWW.VARIEDADES1.COM

    RépondreSupprimer

Copyright 2015 Soufiane.fr