Downloaded 396 times
![Setting Up – Server Files File to connect to Facebook (for ex: index.php) Header: <html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:fb="http://www.facebook.com/2008/fbml"> Footer: <script src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php' type='text/javascript'></script> <script type='text/javascript'> FB_RequireFeatures(["XFBML"], function(){FB.Facebook.init(“ API Key ", “ [domain] /xd_receiver.htm");}); </script>](https://image.slidesharecdn.com/facebookconnect-090328121138-phpapp01/75/Facebook-Connect-16-2048.jpg)
![Theming Copy all these files from /wp-content/plugins/fbconnect to your theme files, ex: /wp-content/themes/ [your theme]/ myhome.php userprofile.php usercomments.php fbconnect_widget.php community.php invitefriends.php fbconnect.css CSS and XHTML them up!!](https://image.slidesharecdn.com/facebookconnect-090328121138-phpapp01/75/Facebook-Connect-23-2048.jpg)
Uploaded byPitra Satvika
Facebook Connect
Facebook Connect allows users to sign in to third-party websites using their Facebook credentials. This allows sites to access basic profile information as well as enable features like social sharing, commenting, and friend finding. Setting up Facebook Connect involves registering as a Facebook developer, including Facebook's JavaScript on pages, and configuring apps and plugins depending on the website platform. Examples are given of how Facebook Connect can be implemented on WordPress and other content management systems.
More Related Content
![[Code Camp] Ứng dụng Facebook API vào phát triển website](https://cdn.slidesharecdn.com/ss_thumbnails/slide-codecamp-131124220304-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![Coded Agents – with UiPath SDK + LangGraph [Virtual Hands-on Workshop]](https://cdn.slidesharecdn.com/ss_thumbnails/codedagentsdeck-251215155422-5497c599-thumbnail.jpg?width=640&height=640&fit=bounds)
Facebook Connect
- 1. Facebook Connect FutureUniversal Login? Image: http://www.arteeast.org - by Alia Saif Ali Juma Bufaroosha Al Falasi
- 2. Getting tired inform registration?
- 3. One Time Registrationfor All Sites A Universal Identity Open ID MySpace ID Google ID Facebook Connect Who will become the winner?
- 4. What Exactly isFB Connect? Integrate Facebook Platform to your site. Seamlessly "connect" users’ Facebook account and information with your site. Connect and find users’ friends who also use your site. Share information and actions on your site with users’ friends on Facebook.
- 5. User Your SiteFacebook 1. User request 2. Your Site’s API request 4. Your Site’s response 3. API callback from Facebook 5. JS API call to Facebook 6. JS API response from Facebook
- 6.
- 7. What Can WeGet From FB Connect? FB Connect is in coherence with FB privacy. FB Connect use the same FB API that previously used by FB applications. Publish to FB status feed, giving viral effect. Comment integration. ( http://developers.facebook.com/news.php?blog=1&story=198 ) Photo Sharing. Currently used for iLife’09. ( http://developers.facebook.com/news.php?blog=1&story=188 )
- 8. What Can WeGet From FB Connect? External sites may retrieve these data: User’s avatar, full name, user’s friends who are also connected. Invitation to user’s friends. User’s photos, events, groups. Comment box. External sites may not retrieve these data: User’s detailed demographic. User’s email address.
- 9. FB Connect withSites There are several plugins for CMS: Movable Type ( http://plugins.movabletype.org/facebook-connect-commenters/ ) Wordpress ( http://www.sociable.es/facebook-connect/ ) Drupal – on development ( http:// www.drupalforfacebook.org / ) Joomla ( http://www.cmsmarket.com/extensions-directory/listings/Social+Networking/Community/JFBConnect ) MediaWiki ( http://wiki.developers.facebook.com/index.php/Facebook_Connect_Plugin_for_MediaWiki ) VBulletin ( http://www.vbulletin.org/forum/showthread.php?t=198499 )
- 10. FB Connect withWidgets There are several social media apps that utilize FB Connect: JS-Kit ( http://blog.js-kit.com/2008/12/16/js-kit-wraps-up-the-year-with-killer-new-features/ ) Disqus ( http://blog.disqus.net/2008/12/16/disqus-and-facebook-connect/ ) Widget developer for 3 rd party sites may not contact Facebook directly. Flex AS3 class for FB Connect – on development ( http:// github.com/pierot/fbflashbridge/tree/master )
- 11.
- 12. Setting Up -Facebook http:// developers.facebook.com /
- 13. Setting Up -Facebook
- 14. Setting Up -Facebook
- 15. Setting Up –Server Files Cross domain policy file (xd_receiver.htm) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <body> <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/XdCommReceiver.js" type="text/javascript"></script> </body> </html>
- 16. Setting Up –Server Files File to connect to Facebook (for ex: index.php) Header: <html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:fb="http://www.facebook.com/2008/fbml"> Footer: <script src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php' type='text/javascript'></script> <script type='text/javascript'> FB_RequireFeatures(["XFBML"], function(){FB.Facebook.init(“ API Key ", “ [domain] /xd_receiver.htm");}); </script>
- 17. Setting Up –Server Files In index.php, you can write any XFBML tags (Facebook Markup Language for external sites). More info: http:// wiki.developers.facebook.com/index.php/XFBML Demo: http://media- ide.bajingloncat.com/testfacebookconnect/test.php
- 18. Facebook Connect Installationfor Wordpress
- 19. How To? DownloadSociable latest version plugin. ( http://www.e-aula.com/download/fbconnect_1_2_1.zip ) Copy to your /wp-content/plugins . Activate plugin. Facebook Connector setting. Register a Facebook Developer account. ( http:// www.facebook.com /developers/ )
- 20.
- 21.
- 22.
- 23. Theming Copy allthese files from /wp-content/plugins/fbconnect to your theme files, ex: /wp-content/themes/ [your theme]/ myhome.php userprofile.php usercomments.php fbconnect_widget.php community.php invitefriends.php fbconnect.css CSS and XHTML them up!!
- 24.
- 25.
- 26.
- 27.
- 28.
- 29. FB Connect IdeasFor You Make your personal blogs more social. Microblogging with FB Connect. Brand microsite. Hotspot WiFi login. FB Connect & Google Maps (realty, classified, neighborhood chat). Online games with FB Connect. Live chat. iPhone Facebook Connect. Etc.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37. Thank You PitraSatvika - Interactive Communication Specialist - - Social Media Consultant - - Blogger Extraordinaire - W: strategocorp.com B: media-ide.com E: pitra@strategocorp.com