facebook share button with custom title, description, and image

URLMethod:- 

<a href='http://www.facebook.com/sharer.php?s=100&p[title]=WEB1CHANNEL&p[summary]=Web+Design+Company+in+Dubai.&p[url]=http://www.webchannel.ae&p[images][0]=http://qacode.com/test.jpg'>Facebook Share</a>

In Ruby on Rails:-

<a href='http://www.facebook.com/sharer.php?s=100&p[title]=Your Wellness Room&p[summary]=<%= summary %>&p[url]=<%= @socialshareurl %>&p[images][0]=<%= imageurl %>'><img src="/images/shared/social-feed/shareicon/facebook<%= @socialcolor %>.png" width="12px" height="12px" id="share_button" title="Facebook"> </a>
 

Feed Method:-

<a  id="hare_button" >Share Facebook</a> 

<script>
     window.fbAsyncInit = function() {
      FB.init({
        appId      : 42443434343434334,
        xfbml      : true,
        version    : 'v2.3'
      });
    };
    (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>


  <script type="text/javascript">
    $(document).on('click','#share_button',function(e){
      e.preventDefault();
      FB.ui(
      {
          method: 'feed',
          link: 'example.com',
          name: 'Your name',
          picture: 'image_url',
          description: 'Hi like programming'
      }, function(response){});
    });
  </script>

Comments