Publish your site content to Facebook wall – Publish Wall Post/ Stream JS API Tutorial

Note that it should point to the folder where you are going to use the code. The tutorial is about pressing a button on your website and posting things to user’s facebook wall.

Step 3: Take Application ID from http://www.facebook.com/developers/apps.php

Step 4: Insert below code wherever you want to display button for posting on wall. Edit related texts.

<div id="fb-root"></div>
             <script> 

       window.fbAsyncInit = function() { 

       FB.init({appId: "YOUR APP ID FROM STEP 3", status: true, cookie: true, 

             xfbml: true}); 

        }; 

     (function() { 

      var e = document.createElement("script"); e.async = true; 

     e.src = document.location.protocol + 

       "//connect.facebook.net/en_US/all.js"; 

     document.getElementById("fb-root").appendChild(e); 

   }());

      function streamPublish(){
       

FB.ui(
   {
     method: 'stream.publish',display:'popup';

     message: 'getting educated about Facebook Connect',
     attachment: {
       name: 'Connect',
       caption: 'The Facebook Connect JavaScript SDK',
       description: (
         'A small JavaScript library that allows you to harness ' +
         'the power of Facebook, bringing the user\'s identity, ' +
         'social graph and distribution power to your site.'
       ),

‘media’: [{ 'type': 'image',

'src': 'http://www.yoursite.com/images/facebook_icon.png',

'href': fb_root()}] ,

       href: 'http://github.com/facebook/connect-js'
     },
     action_links: [
       { text: 'Code', href: 'http://github.com/facebook/connect-js' }
     ],
     user_message_prompt: 'Share your thoughts about Connect'
   },
   function(response) {
     if (response && response.post_id) {
       alert('Post was published.');
     } else {
       alert('Post was not published.');
     }
   }
 );

           } </script>

 

 

Step 5: Call streamPublish function by a link. You can use CSS for changing look of the link/button.