Facebook API

Facebook API can be used to build non-automated, authentic, high-quality demonstrative blocks.

Facebook for developers documentation

How to use?

Include these metatags right before <head> tag is closed.

              
                <head>
                  <meta property="og:url" content="http://localhost:8080">
                  <meta property="og:type" content="website">
                  <meta property="og:title" content="Front">
                  <meta property="og:description" content="Your description">
                </head>
              
            

Include this script right after open <body> tag.

              
                <body>
                  <script>
                    window.fbAsyncInit = function () {
                      FB.init({
                        appId: '211814435920978',
                        xfbml: true,
                        version: 'v2.8'
                      });
                    };

                    (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/sdk.js";
                      fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));
                  </script>
                </body>
              
            

Examples

Page

                    
                      <div class="fb-page"
                           data-href="https://www.facebook.com/htmlstream"
                           data-tabs="timeline"
                           data-width="500"
                           data-height="500">
                        <blockquote cite="https://www.facebook.com/unify2dev" class="fb-xfbml-parse-ignore">
                          <a href="https://www.facebook.com/unify2dev">Facebook</a>
                        </blockquote>
                      </div>
                    
                  

Comments

                    
                      <div class="fb-comments"
                         data-href="https://www.facebook.com/zuck/posts/10102577175875681?comment_id=1193531464007751&reply_comment_id=654912701278942"
                         data-numposts="2"
                         data-width="100%"></div>
                    
                  

Post

                    
                      <div class="fb-post"
                          data-href="https://www.facebook.com/20531316728/posts/10154009990506729"></div>
                    
                  

Video

How to Share With Just Friends

How to share with just friends.

Posted by Facebook on Friday, 1 January 2018
                    
                      <div class="fb-video"
                           data-href="https://www.facebook.com/facebook/videos/10153231379946729/"
                           data-width="500"
                           data-show-text="false">
                        <blockquote cite="https://www.facebook.com/facebook/videos/10153231379946729/" class="fb-xfbml-parse-ignore">
                          <a href="https://www.facebook.com/facebook/videos/10153231379946729/">How to Share With Just Friends</a>
                          <p>How to share with just friends.</p>Posted by
                          <a href="https://www.facebook.com/facebook/">Facebook</a>
                          on Friday, 1 January 2018
                        </blockquote>
                      </div>
                    
                  

Like button

                    
                      <div class="fb-like"></div>
                    
                  

Share

                    
                      <div class="fb-share-button"
                           data-href="https://developers.facebook.com/docs/plugins/"
                           data-layout="button_count"
                           data-size="small"
                           data-mobile-iframe="true">
                        <a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse">Share</a>
                      </div>