How to Add facebook fan page on website

This post about social media optimization, Social media optimization plays very important role while talking about SEO. You can create facebook page and share your article or products on your facebook fan page so that you can get more traffic on your website. So here i’ll show you how can you add your facebook fan page on your website to get more likes from your organic google visitor on your facebook page.




Few month back i have written tutorial about how to integrate facebook like and share button on your website, Now i’ll show how to integrate facebook fan page on your website step by step.

Step-1: Facebook officially created tool for integrating your fan page on your website, So i am going to use that tool.
Hit this url: Facebook Page Plugin

After that you’ll able to see the window.
fb-fan-page
Where
Step-2: Facebook Page URL:- Enter the url of your facebook page, which you are going to add on your website.

Step-3: Tabs:- Choose tabs which you want to display by default, In my case i choose timeline will be display of my fb fan page.

Step-4: Width:- You can enter custom plugin width in pixel.

Step-5: Height:- You can set custom height of the plugin in pixel.

Step-6: There is some more option you can set for your facebook fan page like header type, cover photo visibility and your fan visibility etc.

Step-7: Now finally click on Get Code button


You’ll see the code which have to add on that page where you are going to integrate facebook fan page.

Step-8: > Include the JavaScript SDK on your page once, ideally right after the opening tag.

<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 = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Step-9: Place the code for your plugin wherever you want the plugin to appear on your page.

<div class="fb-page" data-href="https://www.facebook.com/Data-Gemba-1657452347806167"
 data-tabs="timeline" data-width="320" data-height="400" data-small-header="true" 
data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>

DEMO

Hope this tutorial will help you to integrate facebook fan page on your website.

If you like this post please don’t forget to subscribe my public notebook for more useful stuff

.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.