4 années ago
8528 Views

Comment faire que le bouton Facebook redirige vers une URL particulière

Ecrit par

Vous trouverez sur cette page des information pour exploiter dans vos sites Web le bouton Facebook Connect. Je vais notamment vous expliquer comment faire en sorte que ce bouton redirige vers une URL particulièrement après la connexion de l’utilisateur.

http://developers.facebook.com/docs/guides/web/

Vous allez obtenir un bouton de connexion sur lequel un utilisateur peut cliquer pour ouvrir une session Facebook.
Mais après que l’utilisateur se soit connecté et fermeture de la popup de connexion la fenêtre appelante reste dans l’état initial.

1)    Y a-t-il un moyen de rediriger vers une autre page après que l’utilisateur se soit connecté avec succès ?

2)    Peut-on changer dynamiquement le contenu du bouton de connexion pour afficher un texte du genre « se connecter en tant que [Pierre (nom d’utilisateur)] »

J’ai trouvé quelques informations à propos <fb:login-button on-login= »top.location =’…'; « > mais quand j’analyse le code de site Web faisant une redirection, mais il n’y a pas ce type de code.

Réponse 1) Vous pouvez rediriger l’utilisateur après une connexion réussie à l’aide du code suivant (notez l’événement auth.login) :

  <script src= »http://connect.facebook.net/en_US/all.js »></script>
   <script>

       FB.init ({
           appId: ??????????????, cookie: true,
           statut: true, XFBML: true
       });

       FB.Event.subscribe (‘auth.login’, function () {
           window.location = « http://ma-nouvelle-page.com »;      

       });
   </script>
   <fb:login-button>Connexion avec Facebook</ fb: login-button>

Réponse  2) Pour déterminer s’il faut afficher ou masquer le bouton de connexion, voire changer son contenu, vous pouvez utiliser FB.getLoginStatus pour déterminer si l’utilisateur est connecté.

La page suivante pourrait vous être utile : http://developers.facebook.com/docs/reference/javascript/FB.getLoginStatus/

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.