Présentation Facebook Developer Garage Toulouse - Etats des lieux de la plateforme

1,717 views
1,665 views

Published on

Published in: Business, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,717
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
28
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Présentation Facebook Developer Garage Toulouse - Etats des lieux de la plateforme

  1. 1. Facebook<br />Overview Platform<br />
  2. 2. 2<br />
  3. 3. Overview<br />Lexique<br />Open Graph est le protocole sémantique qui qualifie les objets sur le Social Graph<br />Social Graph est l’écosystème des objets utilisant Open Graph<br />Graph API est l’outil au cœur de la plateforme de Facebook. C’est l’API qui permet d’accéder aux éléments du Social Graph<br />Social Plugins est l’ensemble d’outils packagés par Facebook pour les sites web<br />XFBML est une méthode d’intégration des Social Plugins dans un site web<br />3<br />
  4. 4. 4<br />Overview<br />Les outils<br />Native Apps<br />Standard Ads<br />Engagement Ads<br />Newsfeed<br />Targeting<br />Ads with Friends<br />Media<br />Animation<br />Pages<br />Ads<br />Sponsored Stories<br />Places<br />Deals<br />Custom Apps<br />Intégration<br />Platform<br />Credits<br />Social Plugins<br />Graph API<br />
  5. 5. 5<br />Overview<br />Le Social Graph… de Futurama<br />
  6. 6. 6<br />Intégration <br />Social Plugins – JS SDK<br /><ul><li>Asynchrone</li></ul>Synchrone<br /><div id="fb-root"></div><br /><script><br />window.fbAsyncInit = function() {<br />FB.init({appId: 'your app id', status: true, cookie: true,<br />xfbml: true});<br /> };<br /> (function() {<br />var e = document.createElement('script'); e.async = true;<br />e.src = document.location.protocol +<br />'//connect.facebook.net/en_US/all.js';<br />document.getElementById('fb-root').appendChild(e);<br />}());<br /></script><br /><div id="fb-root"></div><br /><script src="http://connect.facebook.net/en_US/all.js"></script><br /><script><br />FB.init({<br />appId : 'YOUR APP ID',<br /> status : true, // check login status<br /> cookie : true, // enable cookies to allow the server to access the session<br />xfbml : true // parse XFBML<br /> });<br /></script><br />
  7. 7. 7<br />Intégration<br />Social Plugins – LikeButton<br />The UltimateLikeButton<br />XFBML<br />Inclusion du SDK Javascript dans le site<br />Sendbutton<br />Show Faces<br />Bien choisir Like ou Recommand<br />The Ultimate Open Graph tags<br />
  8. 8. 8<br />Open Graph – Un domaine comme objet Facebook<br />Publication aux likers depuis l’interface Facebook<br />Il est possible de pousser des messages sur le mur des « likers » d’une page d’un site : <br />
  9. 9. 9<br />Open Graph – Un domaine comme objet Facebook<br />Exemple de publication<br />Message publié sur le mur d’un liker<br />
  10. 10. 10<br />Open Graph – Un domaine comme objet Facebook<br />Interface Insights<br />Tableau de bord de statistiques d’un domaine :<br />Bouton like , bouton send, partages naturels et commentaires<br />
  11. 11. 11<br />Open Graph – Un domaine comme objet Facebook<br />Interface Insights<br />Statistiques du bouton Like sur Blogoergosum<br />
  12. 12. 12<br />Intégration<br />Facebook as a SSO<br />
  13. 13. 13<br />Intégration<br />Social Plugins – Facebook Registration / Login<br />Outil de création de compte local<br />Pré-remplissage de champs<br />Personnalisation du formulaire<br />Vérification des champs saisis<br />SSO<br />
  14. 14. 14<br />Intégration<br />Social Plugins – Facebook Registration / Login<br />
  15. 15. 15<br />
  16. 16. 16<br />

×