web-dev-qa-db-ja.com

Facebookページプラグインを埋め込む

私は自分のWebサイトに「ページプラグイン」を埋め込むためにFacebookの指示に従っていましたが、失敗しました。 ( 手順はこちらをご覧ください。

私のコードを見て、助けてくださいませんか?前もって感謝します!

    <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>
1
Gonzalo H Ll

単純な配置エラーです。javascriptは<body>タグ内にありますが、タグの外側にある必要があります。

コードの最初の7行を移動して、タグの後ろに配置します。下記参照;

<!-- 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

解決策は非常に簡単でした:

プラグインの直後にbodyセクション内にスクリプトセクションを追加したところ、機能し始めました。

ありがとう!

1
Gonzalo H Ll