Passer à l'action avec Open Graph

1,415 views

Published on

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

Published in: Technology
1 Comment
2 Likes
Statistics
Notes
  • 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
No Downloads
Views
Total views
1,415
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
34
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×