Facebook, WordPress, Buddypress – Connecter votre blog ou votre réseau social à Facebook

Si vous souhaitez opérer un réseau social et que la chose ne vous coute pas un bras ! C’est chose possible. En guise de première étape, il vous faudra sélectionner un outil existant, chez Hecube, nous avons fait des essais concluants avec BuddyPress et Elgg. Pour les avantages respectifs des deux outils, vous pouvez vous reporter aux articles suivants :

réseaux sociaux – Elgg – créer un réseau social avec Elgg
http://social.hecube.net/blog/2009/06/25/reseaux-sociaux-elgg-creer-un-reseau-social-avec-elgg/
BuddyPress – Un outil de gestion de réseau social basé sur WordPress Mu
http://social.hecube.net/blog/2009/06/16/buddypress-un-outil-de-gestion-de-reseau-social-base-sur-wordpress-mu/

Dans un deuxième temps, il restera ensuite à vous rapprocher de réseaux sociaux existants, véritable manne d’utilisateurs. Ce qui pourrait singulièrement booster voter propre réseau social, c’est l’objet de cet article. Nous allons effectuer un rapprochement BuddyPress avec FaceBook à l’aide du plugin existant BuddyPress-Facebook Connect 1.1

Créer une application sur FaceBook

Si vous possédez un compte sur FaceBook, rendez-vous sur FaceBook et connectez-vous à http://www.facebook.com/developers/. Avant de détailler la création écran par écran d’une application FaceBook toutefois voici les points importants à ne pas oublier.

Les principales recommandations à ne pas oublier

Vous allez cliquer sur le bouton “créer un application”
Nommer l’application avec un nom simple hecube_test_1 ou heMedia
Vous aller pouvoir récupérer les informations suivantes
- ID de l'application 93832643825
- Clé API de6f40aafeee032cfc2b8082652d1866
- Secret 43a3c9414fc7f7cf94e645d038797a3c
IMPORTANT Le paramètre qu’il ne faut pas oublier de mettre en place est bien dans l’onglet connexion. Il faut compléter le champs Connect URL, qui renseigne l’adhésion à votre application FaceBook via votre site web en l’occurrence ici notre blog ou réseau social.

Ecran par écran, créer son application FaceBook

Dans notre exemple, nous mélangeons des captures d’écran pour la création de 2 applications hecube_test_1 et heMedia.

Donner un nom à son application
Apparemment vous pouvez créer autant d’application que vous le souhaitez.

Les informations indispensables de l’application
Ces 3 champs ID de l'application, Clé API, Secret seront utiles dans la configuration du plugin BuddyPress-Facebook Connect 1.1 dans BuddyPress.

Des informations à compléter éventuellement pour l’application
Ajout d’une icône description …etc.

L’application est crée, vous la voyez dans votre manager FaceBook “Mes applications”
Il y a deux applications disponibles : hecube_test_1 et heMedia.

Détails des écrans de l’application

Editer les paramètres de votre application hecube_test_1

L’application FaceBook peut-être même testé depuis un site en local

IMPORTANT : le paramètre qui assure la connexion

Les modalités d’affichage des écrans de votre application FaceBook

Une fois terminé les modifications, vous retournez sur l’écran qui récapitule les propriétés de votre application FaceBook

Activer votre application FaceBook dans BuddyPress

Il s’agit de configurer BuddyPress-Facebook Connect 1.1 une fois ce plugin activé dans BuddyPress. Pour BuddyPresss, nous avons limité notre choix à ce plugin qui vous permettras donc d’interfacer votre réseau social tournant sous BuddyPress avec la “mère de tous les réseaux sociaux”, la grosse centrifugeuse d’identité numérique FaceBook.

Le descriptif du plugin BuddyPress-Facebook Connect 1.1

Enables members to log in to a BuddyPress enabled install with their Facebook account. Based on wp-facebookconnect by Adam Hupp. Requires a Facebook API Key for use. Par Andy Peatling, Adam Hupp.

Configuration du plugin

Accéder aux paramètres de FaceBook Connect

IMPORTANT : les paramètres qui assurent une bonne configuration du plugin
Les 2 champs Clé API, Secret sont à insérer dans la configuration du plugin BuddyPress-Facebook Connect 1.1 dans BuddyPress.

Une fois le plugin activé, vous pouvez insérer cette ligne de code dans le fichier header.php

<?php  do_action('fbc_display_login_button') ?>

FaceBook <=> BuddyPress

A l’aide du plugin BuddyPress-Facebook Connect 1.1, vous offrez aux utilisateurs de votre réseau social, la possibilité d’unifier leur couple nom d’utilisateur/mot de passe. dans le jargon technique, on parle d’authentification unique ou SSO (en anglais Single Sign-On).

Un combat inégal, FaceBook > BuddyPress

Un bémol à ou cela ! N’allez surtout pas croire toutefois que FaceBook pour permette impunément de siphonner leurs base de données utilisateur. Nada, niente, macache, ouèlou, rien du tout… FaceBook ne vous donnera rien sauf l’illusion de gérer un réseau social par contre vous accentuerez grandement son emprise sur l’identité numérique de chacun car vous popularisez un recours systématique au compte FaceBook comme aujourd’hui personne ne conteste que le webmail c’est Gmail. Non seulement, tous les champs requis lors de l’inscription de BuddyPress seront ignorés par FaceBook mais aucun des champs ne sera remplis avec une information effective par exemple l’adresse email de votre utilisateur inscrit.

Extrait de la table wp_users de BuddyPress

	CREATE TABLE IF NOT EXISTS `wp_users` (
	  `ID` BIGINT(20) UNSIGNED NOT NULL AUTO_INCREMENT,
	  `user_login` VARCHAR(60) NOT NULL DEFAULT '',
	  `user_pass` VARCHAR(64) NOT NULL DEFAULT '',
	  `user_nicename` VARCHAR(50) NOT NULL DEFAULT '',
	  `user_email` VARCHAR(100) NOT NULL DEFAULT '',
	  `user_url` VARCHAR(100) NOT NULL DEFAULT '',
	  `user_registered` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
	  `user_activation_key` VARCHAR(60) NOT NULL DEFAULT '',
	  `user_status` INT(11) NOT NULL DEFAULT '0',
	  `display_name` VARCHAR(250) NOT NULL DEFAULT '',
	  `spam` tinyint(2) NOT NULL DEFAULT '0',
	  `deleted` tinyint(2) NOT NULL DEFAULT '0',
	  `poke` INT(11) NOT NULL,
	  PRIMARY KEY  (`ID`),
	  KEY `user_login_key` (`user_login`),
	  KEY `user_nicename` (`user_nicename`)
	) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=18 ;
 
	--
	-- Contenu de la table `wp_users`
	--
 
	INSERT INTO `wp_users` (`ID`, `user_login`, `user_pass`, `user_nicename`, `user_email`, `user_url`, `user_registered`, `user_activation_key`, `user_status`, `display_name`, `spam`, `deleted`, `poke`) VALUES
	(2, 'admin', '$P$BOzF3oLG03e25WoxM8IxmYI7LFjuPS.', 'admin', 'info@hecube.net', 'http://', '2009-02-13 16:41:17', '', 1, 'admin', 0, 0, 9),
 
	-- le reste de la table `wp_users`
	-- Un utilisateur en provenance de FaceBook
(12, 'hemediahecube', '$P$BA05SArSzrzzYxIURNFYnVXXSoJ8Lm1', 'hemediahecube', 'apps+112518542512.1841931876.cc53e0dacce5473f1f1fa5da797b179b@proxymail.facebook.com', 'http://www.facebook.com/people/Hemedia-Hecube/1841931876', '2009-06-18 15:24:03', '', 0, 'Hemedia Hecube', 0, 0, 0),
 
	-- Des utilisateurs lambda inscrit via l'inscription classique
(14, 'arnaud', '$P$Bfu/8dz9gafwXJnBSQViEEQ6ih5zAZ/', 'arnaud', 'arnaud@hecube.net', 'http://', '2009-06-27 10:41:43', '', 0, 'arnaud', 0, 0, 0),
(15, 'laurent', '$P$BUh5R9WqRbukZgAn08X3177pajRff40', 'laurent', 'laurent@hecube.net', '', '2009-06-28 08:34:49', '', 0, 'laurent', 0, 0, 0),
(16, 'vanina', '$P$BoQrxUOHTE/97NL1..6/CeCwRvXdWd1', 'vanina', 'vanina@hecube.net', 'http://', '2009-06-28 08:38:40', '', 0, 'vanina', 0, 0, 0);

CREATE TABLE IF NOT EXISTS `wp_users` ( `ID` bigint(20) unsigned NOT NULL auto_increment, `user_login` varchar(60) NOT NULL default '', `user_pass` varchar(64) NOT NULL default '', `user_nicename` varchar(50) NOT NULL default '', `user_email` varchar(100) NOT NULL default '', `user_url` varchar(100) NOT NULL default '', `user_registered` datetime NOT NULL default '0000-00-00 00:00:00', `user_activation_key` varchar(60) NOT NULL default '', `user_status` int(11) NOT NULL default '0', `display_name` varchar(250) NOT NULL default '', `spam` tinyint(2) NOT NULL default '0', `deleted` tinyint(2) NOT NULL default '0', `poke` int(11) NOT NULL, PRIMARY KEY (`ID`), KEY `user_login_key` (`user_login`), KEY `user_nicename` (`user_nicename`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=18 ; -- -- Contenu de la table `wp_users` -- INSERT INTO `wp_users` (`ID`, `user_login`, `user_pass`, `user_nicename`, `user_email`, `user_url`, `user_registered`, `user_activation_key`, `user_status`, `display_name`, `spam`, `deleted`, `poke`) VALUES (2, 'admin', '$P$BOzF3oLG03e25WoxM8IxmYI7LFjuPS.', 'admin', 'info@hecube.net', 'http://', '2009-02-13 16:41:17', '', 1, 'admin', 0, 0, 9), -- le reste de la table `wp_users` -- Un utilisateur en provenance de FaceBook (12, 'hemediahecube', '$P$BA05SArSzrzzYxIURNFYnVXXSoJ8Lm1', 'hemediahecube', 'apps+112518542512.1841931876.cc53e0dacce5473f1f1fa5da797b179b@proxymail.facebook.com', 'http://www.facebook.com/people/Hemedia-Hecube/1841931876', '2009-06-18 15:24:03', '', 0, 'Hemedia Hecube', 0, 0, 0), -- Des utilisateurs lambda inscrit via l'inscription classique (14, 'arnaud', '$P$Bfu/8dz9gafwXJnBSQViEEQ6ih5zAZ/', 'arnaud', 'arnaud@hecube.net', 'http://', '2009-06-27 10:41:43', '', 0, 'arnaud', 0, 0, 0), (15, 'laurent', '$P$BUh5R9WqRbukZgAn08X3177pajRff40', 'laurent', 'laurent@hecube.net', '', '2009-06-28 08:34:49', '', 0, 'laurent', 0, 0, 0), (16, 'vanina', '$P$BoQrxUOHTE/97NL1..6/CeCwRvXdWd1', 'vanina', 'vanina@hecube.net', 'http://', '2009-06-28 08:38:40', '', 0, 'vanina', 0, 0, 0);

Une erreur possible lors de la déconnexion

Vous allez peut-être rencontrer une erreur lors de la déconnexion avec BuddyPress-Facebook Connect 1.1
Vous pouvez avec l’activation du plugin pour BuddyPress Il y a aussi un petit problème lors de la déconnexion, il vous faudra certainement passé par le lien de déconnexion qui figure dans l’administration et non le lien disponible à droite de votre nom d’utilisateur lorsque vous être connecté(e).

Plugins pour WordPress

Hecube a fait une petite sélection sur les plugins WordPress permettant de connecter ou de faire interagir votre blog avec le réseau FaceBook.

WP-FacebookConnect
WPBook
Wordbook

1. Le plugin WordPress `WP-FacebookConnect`

Il est le plus abouti en terme de connectique. Il vos permettra d’ouvrir véritablement votre blog à tous les utilisateurs que vous connaissez qui sont enregistrés sur FaceBook. De très bonnes vidéos de tutorial existent sur le site en espagnol du créateur. Cf http://www.sociable.es/

et dans la section Pour aller plus loin de cet article

L’extrait du README.txt pour activer le plugin WP-FacebookConnect

   1. Copy the plugin to wp-content/plugins/wp-fbconnect under the Wordpress installation.
         1. In the Wordpress Admin panel, visit the plugins page and Activate the plugin.
         2. Visit the settings page and select "Facebook Connect". Follow the given instructions to configure the plugin and obtain a Facebook API key.
 
A minimal amount of theme integration is necessary. Open the 'comment.php' file in the theme and add the following line where the Connect login button should be inserted:
 
  <?php do_action('fbc_display_login_button') ?> 
 
The reason for calling fbccommentlogin via doaction instead of directly is to avoid spewing errors if the plugin is disabled. It would be equally correct to directly call fbccomment_login() here.
 
As a simple example, the comments.php file on my blog looks like:
 
<?php if ( $user_ID ) : ?>

2. Le plugin WordPress `WPBook`

Un plugin qui “embeddera” carrément votre blog sur la plate-forme. Un peu complexe à l’installation mais vous aurez le meilleur de FaceBook et de WordPress
Source : http://wordpress.org/extend/plugins/wpbook/

3. Le plugin WordPress `Wordbook`

Un plugin d’envoi croisé des articles de votre Blog. Tous les post de votre blog atterrissent sur votre Facebook Wall. Très pratique pour drainer du contenu vers votre blog depuis FaceBook.

Source : http://wordpress.org/extend/plugins/wordbook/

Pour aller plus loin

Les forums, source d’aide sur FaceBook
http://forum.developers.facebook.com/
Un rapide aperçu des possibilités pour interfacer FaceBook et WordPress
http://innovablog.com/web-application/facebook-wordpress-astuces/
La recherche de facebook dans l’espace de plugins
http://wordpress.org/extend/plugins/tags/facebook
Excellent site, pourvoyeur sans doute du meilleur plugin WP-FacebookConnect disponible pour FaceBook et WordPress (todo en espanol)
http://www.sociable.es/
Des information sur l’installation d’un plugin wpbook pour connecter FaceBook et WordPress
http://wordpress.org/extend/plugins/wpbook/installation/
Une bonne vidéo sur comment implementer WP-FacebookConnect
http://www.viddler.com/explore/jreyes/videos/2/8.399/
Une autre adresse pour une bonne vidéo sur comment utiliser WP-FacebookConnect
http://www.viddler.com/explore/jreyes/videos/1/