web-dev-qa-db-fra.com

Incorporer le plugin de page Facebook

J'ai suivi les instructions de Facebook afin d'intégrer leur "plug-in de page" dans mon site Web et j'ai échoué. ( Voir les instructions ici. )

Pourriez-vous s'il vous plaît jeter un oeil à mon code et m'aider? Merci d'avance!

    <body>

<!-- Include the JavaScript SDK -->

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

    <!-- Include the plugin  -->

<div class="fb-page" data-href="https://www.facebook.com/instagram" 
  data-width="280" data-hide-cover="false" data-show-facepile="false"
  data-show-posts="true"></div>
</body>
javascriptfacebookpluginembed
1
Gonzalo H Ll

Simple erreur de placement, vous avez votre javascript dans les balises <body> alors qu'elles devraient être en dehors de celles-ci.

Déplacez simplement vos sept premières lignes de code afin qu'elles soient après vos balises. Voir ci-dessous;

<!-- Include the JavaScript SDK -->

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

    <!-- Include the plugin  -->
1
jonboy

Il s'avère que la solution était assez simple:

Je viens d'ajouter la section de script INSIDE body tag, juste APRÈS le plugin, et cela a commencé à fonctionner.

Merci!

1
Gonzalo H Ll