Archives par étiquette : Graph Facebook

Intégrer une page FaceBook sur un site wordpress sans plug-in (en utilisant l’API Graph Facebook)

Il est assez facile et rapide d’intégrer sa page facebook sur son site wordpress en utilisant un plug-in approprié. Mais cette solution n’est pas très pratique et peu flexible si l’on veut personnaliser les informations que l’on veut afficher.

L’idée de ce post est de ne pas utiliser de plug-in mais d’aller chercher directement les informations voulues pour les intégrer par la suite.

Etape 1: trouver l’ID de sa page Facebook.
Rendez-vous sur votre page facebook. Faites clic droit puis affichez le code source de la page. Ensuite, avec l’outil de recherche, recherchez « page_id= » sur la page. L’id se trouve juste après:

Etape 2: créer une appli.
Se rendre ici: https://developers.facebook.com/
Une fois connecté, cliquer en haut à droite sur « mes apps ».
Cliquez « ajouter une app » puis choisir « gérer les intégrations profesionnelles ».
Vous devez obtenir ça:

Etape 3: Explorer l’API Graph.
Cliquer sur « Outils », puis « Explorateur de l’API Graph ».
A droite, sous le champs « utilisateur ou page », choisir « jeton d’accès à la page » puis choisissez la page en question.
Cliquez sur « Generate Access Token ». Un jeton d’accès est alors créé.
A gauche, après le /, collez l’id de votre page. Puis cliquer envoyer pour lancer la requête GET. La réponse est l’id et le nom de la page:

Pour récupérer les posts de la page, ajoutez « /posts » après l’id de la page. Cliquez « Envoyer »:

On a récupéré tous les posts. A gauche, l’outils « rechercher un champs » vous permet de choisir les informations que vous voulez récupérer. Pour l’exemple, nous allons récupérer l’image et le texte uniquement pour le dernier post de la page. Cliquer de nouveau « Envoyer »:

Etape 4: Afficher les infos sur notre site wordpress.
Pour le code à insérer dans votre site wordpress, il faut garder sous la main: l’id de la page, la requête GET générée par l’explorateur Graph API et le Token d’accès.
Copier ceci dans votre code:

Il faut bien rajouter access_token={votre jeton d’accès} à la fin de la requête.

Voilà! 🙂