Facebook API

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

Official documentation

For more detailed information and examples, see the official documentation: Facebook for developers .

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>
Contact Us