ウェブページにボタンのようなFacebookを追加する

私はウェブページにFacebookの "好きな"ボタンを表示しようとしています。そうするために、私は公式ガイドhereに従うことにしました。ウェブページにボタンのようなFacebookを追加する

まず私は、ローカルのHTMLファイルに提案されたコードをダンプし、私のブラウザを使用して、それを見て決めた：

<html> 
<head> 
    <title>Your Website Title</title> 
    <!-- You can use open graph tags to customize link previews. 
    Learn more: https://developers.facebook.com/docs/sharing/webmasters --> 
    <meta property="og:url"   content="http://www.your-domain.com/your-page.html" /> 
    <meta property="og:type"   content="website" /> 
    <meta property="og:title"   content="Your Website Title" /> 
    <meta property="og:description" content="Your description" /> 
    <meta property="og:image"   content="http://www.your-domain.com/path/image.jpg" /> 
</head> 
<body> 

    <!-- Load Facebook SDK for JavaScript --> 
    <div id="fb-root"></div> 
    <script>(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 = "https://connect.facebook.net/en_US/all.js"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk'));</script> 

    <!-- Your like button code --> 
    <div class="fb-like" 
     data-href="https://developers.facebook.com/docs/plugins/" 
     data-layout="standard" 
     data-action="like" 
     data-show-faces="true"> 
    </div> 

</body> 
</html>

それが機能しなかった後、私はSOのを見て、this answerを発見し、ことに気づきHTMLはウェブサーバーによって提供され、https://connect.facebook.net/en_US/all.js

に更新する必要があります。ただし、これを実行した後でも、MacでChromeを使用してページを見ると完全に空白のページしか表示されません。

ページソースを調べると、私のソースコードが表示されますが、ビジュアルは何も表示されません。

何がありますか？

出典

2016-08-22 ForeverStudent