Le bouton HTML5 J'aime ne s'affiche pas en cas de déconnexion

Question

J'ai parcouru l'Internet et je suis même allé sur #facebook en vain. J'ai essayé le code FBXML et il se comporte de la même manière : si vous n'êtes pas connecté à Facebook, le bouton J'aime ne sera pas rendu sur la page.

Ce qui est bizarre, c'est que le code est traité et que FB insère sa magie dans mon div de type fb, mais tous les éléments qui seraient vus ont une largeur/hauteur de 0. Je suis au bout du rouleau pour ce qui est du dépannage ou de la découverte de toute piste utile.

Voici le code que j'utilise. Le SDK FB et l'élément fb-like proviennent directement de https://developers.facebook.com/docs/reference/plugins/like/ .

En tête :

<meta property="fb:app_id" content="APP ID"/>

Juste avant la balise body :

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        // Additional initialization code such as adding Event Listeners goes here
        FB.Event.subscribe('edge.create',
                function(response) {
                    $.trackEvent.apply(jQuery, ['Outbound Links', 'Click', '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/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Dans le corps de la page :

<div class="fb-like" data-href="http://www.facebook.com/mypage" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false"></div>

Answer 1

J'ai pu confirmer que le problème venait des permissions ! Pas les permissions de mon application, mais les permissions de ma page FB que j'avais l'intention de faire aimer aux gens.

Ma page FB avait une restriction d'âge de 18+ qui causait le problème. J'ai supprimé cette restriction et l'ai fixée à 13+ et le code jsFiddle a fonctionné comme prévu.

Je n'aurais pas pu en arriver là sans l'aide de zeebonk qui m'a donné un test simple à exécuter, ce qui m'a permis de commencer le processus de déduction. :)

Answer 2

Une autre chose dont vous devez vous assurer est que votre page Facebook est effectivement publiée, c'est-à-dire visible par le public. Lorsque vous configurez la page pour la première fois, elle est par défaut non publiée. Veillez à décocher le premier élément de la section "Gérer les autorisations" des paramètres de votre page Facebook, intitulé "Visibilité de la page".

J'ai eu ce problème et j'ai tout essayé pour le résoudre. Une fois que j'ai effectivement publié la page, le bouton facebook a commencé à apparaître alors que j'étais déconnecté.

Answer 3

Je viens d'avoir exactement le même problème. Si j'étais connecté à Facebook dans le même navigateur, la case "J'aime" s'affichait. Si je n'étais pas connecté, elle ne s'affichait pas [j'ai essayé avec les quatre principaux navigateurs]. Après avoir cherché des réponses dans tous les sens, il s'avère qu'il suffit de définir la restriction d'âge dans les paramètres de votre page Facebook like sur "13+ everyone" et cela résout le problème. Bravo à creativetim pour cette solution.

Answer 4

J'ai eu le même problème, j'ai changé la "Visibilité de la page" de "Page non publiée" à "Page publiée".

Answer 5

Comme l'a mentionné creativetim, cela est lié aux autorisations d'affichage de Facebook. Cependant, il ne se limite pas à la restriction d'âge. Vous devez également supprimer les restrictions relatives aux pays.