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.

Passer à l'action avec Open Graph

1,450 views

Published on

Présentation sur l'usage de l'Open Graph en SMO.

Published in: Technology
  • blessing_11111@yahoo.com

    My name is Blessing
    i am a young lady with a kind and open heart,
    I enjoy my life,but life can't be complete if you don't have a person to share it
    with. blessing_11111@yahoo.com

    Hoping To Hear From You
    Yours Blessing
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Passer à l'action avec Open Graph

  1. 1. Passer à laction avec Open Graph Stéphane Tauziede 8 Mars 2012
  2. 2. Social Channels Ticker NewsFeedTimeline (Journal)
  3. 3. Les nouvelles pages Applications Milestones (moments - clés)A propos Pin to Top
  4. 4. <meta property = ‘‘og: Open Graph Protocol ’’> Formatez vos données pour un usage avec Open Graph. http://ogp.me/
  5. 5. Social Plugins : les fondamentaux Connect Commentaires L’activitéRecommandations Live Stream Like Box Inscription Facepile sans oublier....
  6. 6. Social Plugins : Like VS Send J’aime Je partage
  7. 7. Social Plugins : S’abonner • Adapté aux profils • Permet une différentiation entre le site et lauteur • Renforce la "personnification" • Respecte la frontière vie privée / publique • A intégrer dans les infos auteurs...
  8. 8. Aimer n’est plus la seule action...
  9. 9. Open Graph en quelques exemples...Affichage en temps réel de l’action dans le Ticker etlien vers le contenu Exemple d’agrégation des objets : http://facebook.com/music
  10. 10. Open Graph en quelques exemples...Des applications à installer dans le Journal.
  11. 11. Open Graph en quelques exemples... Les applications possèdent leur propre Timeline http:// facebook.com/ user/nomdelapp
  12. 12. Créez une application pour votre site en 5 étapes
  13. 13. Etape 1 : créer l’application
  14. 14. Etape 2 : connecter l’utilisateur <div class="fb-login-button" data-show-faces="true" data- width="200" data-max-rows="1" scope="publish_actions"></div>
  15. 15. Etape 3 : définir les actions, objets et agrégations Verbe d’action.
  16. 16. Etape 3 : définir les actions, objets et agrégations L’objet de l’action
  17. 17. Etape 3 : définir les actions, objets et agrégations
  18. 18. Etape 4 : publier les actions<script type="text/javascript">function postPresentation() {FB.api(/me/smoseocampus:appreciate?presentation=http://www.what-id.com/ smoapp.html,post,function(response) {if (!response || response.error) {alert(Merci de vous connecter via la première etape);} else {alert(MERCI !);}});} </script> <form> <input type="button" value="Faites le savoir !" onclick="postPresentation()" /> </form>
  19. 19. Etape 5 : le résultat !
  20. 20. Vous voulez essayer ? http://j.mp/smoapp
  21. 21. Quelques conseils• Saisissez vos actions et objets en Anglais puis appliquez la traduction.• Soyez explicites sur les autorisations demandées aux utilisateurs• Ne polluez pas vos utilisateurs par des publications masquées (ex:reload)• Placez Facebook Insight sur votre site pour compléter les données
  22. 22. Merci ! Connectons nous : @stauziede @whatidfacebook.com/whatid

×