Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,829 views

Published on

Published in: Business, Technology
  • Be the first to comment

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 />

×