SharePoint 2007 Facebook integration

dareborn · Sep 28, 2012

I have a working site with microsoft sharepoint portal server 2007 and i use a custom master page. When i am try to share any article to my facebook page i got the URL of the page instead of article title and a wrong image as well as the short text attached.So, i consult the facebook developers site and i did this :1- Edit the master page :\[code\]<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <head runat="server"><asp:ContentPlaceHolder runat="server" id="head"> <title> </title></asp:ContentPlaceHolder><Sharepoint:CssLink runat="server"/><asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server" /><meta property="og:title" content="Information Portal" /><meta property="og:type" content="article" /><meta property="og:url" content="" /><meta property="og:image" content="http://www.myportal.gov.eg/photo-icon.jpg" /><meta property="og:site_name" content="Information Portal" /><meta property="fb:app_id" content="00000000" /><meta property="fb:admins" content="{0000000}"/><meta name="Microsoft Theme" content="Obsidian 1011, default"></head><body onload="javascript:_spBodyOnLoadWrapper();"> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ appId : '160045444133435', // App ID channelUrl : 'http://www.myportal.gov.eg/channel.html', // Channel File status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML });// Additional initialization code here };// Load the SDK Asynchronously (function(d){ var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "http://stackoverflow.com//connect.facebook.net/en_US/all.js"; ref.parentNode.insertBefore(js, ref); }(document));</script>\[/code\]2-Edit *.aspx pagesThese pages are dynamic site pages working with concat string and filter ID to display many articles at the same page.\[code\]<a href="http://stackoverflow.com/questions/12648175/{concat('display.aspx?ID=',@ID)}"><xsl:value-of select="@Title"/></a> \[/code\]i add a like button customized \[code\]<fb:like layout="button_count" />\[/code\]add because the Share Button was deprecated i came up with this\[code\]<a id="fbShare" onclick="" href="javascript: void(0)"><img src="http://stackoverflow.com/Fb-Share.png" /></a><script type="text/javascript">//Fb share var myTitle = $("h1.nV_mainLink").text(); //article title based on CSS var myP = $("p").first().text(); //short text based on CSS var myImg = $("div.nV_mainImage img").attr("src"); //article image based on CSS var fbUrl = "window.open('http://www.facebook.com/sharer.php?s=100&p[title]="+ myTitle +"&p[summary]="+ myP +" &p=www.myportal.gov.eg&&p[images][0]=...ure.2-Every article has its own comments box.

SharePoint 2007 Facebook integration

dareborn

New Member