3 années ago
2449 Views

Comment déterminer si un utilisateur « aime » une page

Ecrit par
A travers plusieurs exemples de code Javascript, je vous propose de découvrir une méthode simple permettant de savoir si un utilisateur a cliqué sur le bouton Facebook "J'aime" ou "Recommande" en lien avec une URL. Savoir si un visiteur aime une page permet par exemple de le rediriger vers une autre page ou de conditionner l'affichage d'un contenu en particulier réservé aux fans. Un autre intérêt est l'optimisation du positionnement d'une page dont la popularité sur les réseaux sociaux serait un facteur important selon les critères supposés du référencement Google 2013 publiés sur DMoz.
Bon, passons aux choses sérieuses, sachez qu'il est relativement facile de déterminer si un utilisateur a cliqué sur le bouton Like via les codes sources que je souhaite partager avec vous. Ces exemples de codes ont pour prérequis l'enregistrement de votre site web auprès de Facebook. En effet, l'utilisation de ces fonctions API requiere un "id app" permettant d'initialiser le SDK. Vous pouvez obtenir cet ID auprès de http://developers.facebook.com/apps. Le SDK JavaScript de Facebook fournit un ensemble de fonctionnalités côté client qui permettent de réaliser des appels côté serveur Facebook.

Comment vérifier si un utilisateur a cliqué sur le bouton "J'aime" en Javascript

La fonction utilisée ici, issue de l'API Facebook, est "FB.Event.Subscribe". Elle est utilisée pour suivre certains évènements, ainsi "edge.create" and "edge.remove" permettent de savoir si un utilisateur a cliqué sur le bouton j'aime ou indiqué qu'il n'aime plus la page. Attention, cette fonction ne fonctionne qu'avec les versions xfbml des boutons like. Vous chargez le SDK en utilisant la norme <script> élément en appelant FB.init. Vous devez spécifier un <div> élément nommé fb-root dans le document ainsi.
<div id="fb-root"></div>
Voici un exemple d'initialisation du SDK avec toutes les options activées communes:
FB.Event.subscribe('edge.create', function(response) {
// action a réaliser lorsque l'utilisateur a cliqué sur le bouton j'aime de Facebook
alert("Le bouton Like a été cliqué");
});
Voici maintenant, un exemple typique de code pour faire apparaître un bouton j'aime
<fb:like href="http://sinagora.free.fr/blog" send="true" width="450" show_faces="true" font=""></fb:like>
Pensez a initialiser préalablement votre environnement via la fonction fbAsyncInit à l'aide de votre identifiant d'application.

<script type="text/javascript">
// Indiquez votre identifiant unique d'application (APP ID)
var app_id = 'XXXXXXXXX';
// On inclut et initialise le SDF Facebook
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId="+app_id;
fjs.parentNode.insertBefore(js, fjs);
}
(document, 'script', 'facebook-jssdk'));
// Initialisation
window.fbAsyncInit = function() {
FB.init({ appId : app_id, // Votre ID d'application
status : true, // Vérifier le statut de connexion
cookie : true, // Activer les cookies pour permettre au serveur d'accéder à la session
xfbml : true // parse XFBML });

J'ai personnellement implémenté cette technique pour n'afficher des éléments HTML que si l'utilisateur a cliqué sur le bouton J'aime dans le cadre d'un concours de tennis de table réservé aux Fans. Cette technique simple m'a permis d'éviter d'investir un budget important pour réaliser un concours de grande ampleur.
Article Categories:
Facebook API

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.