#link3 / Comment intégrer Facebook Connect API sur son Blog wordpress ?

kt' joceline — Sun, 25 Jul 2010 13:15:34 +0000

Posted by admin in Facebook APIs, Web 2.0, WordPress on Mar 21st, 2009 | View comments Comments

Facebook connect API permet concrètement d’utiliser son compte Facebook pour se connecter sur d’autres sites internet que ce dernier. Par exemple sur les blogs pour laisser un commentaire il est nécessaire de créer un compte pour publier un commentaire, depuis quelques semaines il est possible de poster en se loggant avec les même identifiants que sur Facebook.

Facebook a récemment lancé un nouveau plugin «Facebook Connect » pour les blogs WordPress, le plug-in fonctionne très bien si vous utilisez le thème par défaut qui vient avec wordpress, mais si vous utilisez un aute theme de wp, il ne fonctionnera surement pas correctement.

Ce week-end, j’ai passé de des heures à essayer de faire marcher le facebook plugin sur le blog de mon http://www.sokomaroc.com, j’ai essayé le plugin par Facebook, et le plugin de sociable, mais rien d’utile, alors je simplement décidé de prendre le long chemin et de faire tout le travail moi-même, et ca a marché, de sorte que je voudrais partager mon expérience avec vous, voila les etapes :

1. Créer une application sur Facebook:Connectez-vous à Facebook et ajoutez Facebook Developers Application
2. Cliquez sur Créer une application, saisissez un nom et acceptez les termes ….
3. Sur la page suivante,
4. Entrez l’URL de base de votre site web dans le “Canevas Callback champ URL. Par exemple http://www.exemple.com.
5. Copiez la «clé API», vous en aurez besoin plus tard.
6. Enregistrer les modifications
7. Click on “créer modèles d’actualités” et Choisissez l’ application que vous venezde de créer
8. On the next page
9. Sous le «Modèle d’une ligne » copier-coller {*actor*} a commente sur {*blog*} sujet {*post*}.
10. Maintenant, cliquez sur ignorer (et ignorer toutes les erreur) jusqu’à ce qu’à la dernière page, puis cliquez sur “Enregistrer le lot de modèles”
11. Copiez « Bundle ID », parce que nous aurons besoin plus tard aussi.

Maintenant vous avez enregistré et configuré (presque) votre Application sur Facebook, il est temps de configurer votre blog. Créez un fichier à la racine de votre domaine et appeler le “xd_receiver.htm”, puis copiez le code suivant en cela:

Cross-Domain Receiver Page

12. Ajouter le “fb” XML namespace au fichier header.php dans votre thème. Pour moi voila le resultat :

>

13. Ajoutez une référence à jQuery (où que ce soit avant l’appel à “wp_head ()” dans votre fichier header.php)

Ensuite, vous modifier comments.php, dans le theme par défaut, le fichier est appelé comments.php et se trouve dans wp-contentthemesdefaultcomments.php, mais pour moi, comme si j’utilise un thèmes personnalisé c’ete “comment2.php” et il se trouvais wp-contentthemesPersoThemeincludecomments2.php.
Trouvez la partie où l’utilisateur doit entrer son nom / email / URL et changer la par:

Or enter your details below:

Name

” size=”50″ tabindex=”1″ />

Email Address

” size=”50″ tabindex=”2″ />

Website

” size=”50″ tabindex=”3″ />

14. Juste au-dessus de ce bloc, il faut trouver le début de la balise

pour poster un commentaire, et ajoutez l’attribut “onsubmit” de sorte qu’il ressemble à ceci:

/ wp-comments-post.php” method = “post” id = “commentform” onsubmit = “update_form_values ();”>

L’important, c’est que tout est enveloppé dans un DIV ou SPAN avec id=”comment-user-details” puis évidemment le . Maintenant au plus bas du fichier de commentaires comments.php ou bien comments2.php, ajoutez ce code:

IMPORTANT:
Retournez maintenant et remplacer ” YOUR-FACEBOOK-API-KEY ” et ” YOUR-TEMPLATE-BUNDLE-ID ” avec les valeurs appropriées que vous avez obtenu au début.
Enregistrer tout et de le transférer vers votre blog.

Hoorray !!!! vous devriez maintenant voir un boutton de Facebook Connect dans la section commentaire de votre blog (vous devez vous déconnecter de WordPress pour le voir), et lorsque vous cliquez dessus, vous devez vous connecter sure Facebook, puis poster un commentaire.

ENJOY !!!!!

Autres articles intéressants:

source:

Comment intégrer Facebook Connect API sur son Blog wordpress ?

(http://www.maroctechie.com/?p=93)

#link2::. Facebook Connect en plugin pour WordPress

kt' joceline — Sun, 25 Jul 2010 13:03:56 +0000

C’est donc la grande vague de la gestion des identités en ligne. Quel login sera le plus fort ?

Facebook ? Google ? Yahoo! le morribond ?

Ne reculant devant aucune expérimentation j’ai décidé d’installer le plugin développé par Sixjumps.

Il permet de s’identifier sur ce blog via ses données Facebook. En gros de l’OpenId mais avec le nom magique du réseau social qui a le vent en poupe.

Ce n’est pas tout.

Une page liste toutes les personnes qui ont décidé de rejoindre la communauté (pas dispo facilement chez Yahoo! MyBlogLog ni chez Google), une page de profil individuelle est crée pour chaque nouveau membre de la communauté (cliquez les photos) et les commentaires sont répercutés sur le profil utilisateur.

Ca fait longtemps que je n’avais pas été aussi enthousiasmé par un plugin WordPress. Du beau boulot pour faciliter la socialisation autour d’un blog et assurer la diffusion virale de l’activité des membres de la communauté. Car off-course ce que vous faites ici est répercuté sur votre wall et donc auprès de vos amis.

Vous nous rejoignez ?

Des infos sur le plugin sont dispo sur les forums de Facebook, j’ai pour ma part du traduire quelques textes et réagencer les appels aux éléments de mon thème pour intégrer le plugin.

EDIT : la version 0.7 qui implémente la diffusion des commentaires sur FaceBook est disponible sur le blog Sociable!

source: Facebook Connect en plugin pour WordPress(http://www.balencourt.com/blog/2008/12/06/facebook-connect-en-plugin-pour-wordpress)

#link1

kt' joceline — Fri, 23 Jul 2010 07:20:49 +0000

http://1millionshirts.org/theme/4b8ed851dabe9d781f00000b/stylesheets/images/hero-home.jpg

Hello world!

kt' joceline — Fri, 23 Jul 2010 07:17:56 +0000

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!

just some links 8i

#link3 / Comment intégrer Facebook Connect API sur son Blog wordpress ?

Autres articles intéressants:

Comment intégrer Facebook Connect API sur son Blog wordpress ?

(http://www.maroctechie.com/?p=93)

#link2::. Facebook Connect en plugin pour WordPress

#link1

Hello world!