Successfully reported this slideshow.
Passer à laction avec Open Graph                   Stéphane Tauziede                           8 Mars 2012
Social Channels                                Ticker                               NewsFeedTimeline (Journal)
Les nouvelles pages                                 Applications                                      Milestones          ...
<meta property = ‘‘og:   Open Graph Protocol ’’> Formatez vos données pour un usage avec Open Graph.                      ...
Social Plugins : les fondamentaux    Connect       Commentaires       L’activitéRecommandations    Live Stream       Like ...
Social Plugins : Like VS Send J’aime              Je partage
Social Plugins : S’abonner               • Adapté aux profils               • Permet une                 différentiation e...
Aimer n’est plus la seule action...
Open Graph en quelques exemples...Affichage en temps   réel de l’action  dans le Ticker etlien vers le contenu             ...
Open Graph en quelques exemples...Des applications à installer dans le     Journal.
Open Graph en quelques exemples...               Les applications                possèdent leur               propre Timel...
Créez une application pour  votre site en 5 étapes
Etape 1 : créer l’application
Etape 2 : connecter l’utilisateur      <div class="fb-login-button" data-show-faces="true" data-  width="200" data-max-row...
Etape 3 : définir les actions, objets et             agrégations                               Verbe                      ...
Etape 3 : définir les actions, objets et             agrégations                               L’objet                    ...
Etape 3 : définir les actions, objets et             agrégations
Etape 4 : publier les actions<script type="text/javascript">function postPresentation()     {FB.api(/me/smoseocampus:appre...
Etape 5 : le résultat !
Vous voulez essayer ?           http://j.mp/smoapp
Quelques conseils• Saisissez vos actions et objets en Anglais puis  appliquez la traduction.• Soyez explicites sur les aut...
Merci !  Connectons nous :     @stauziede      @whatidfacebook.com/whatid
Prochain SlideShare
Chargement dans…5
×

Passer à l'action avec Open Graph

1 436 vues

Publié le

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

Publié dans : Technologie
  • 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
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

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

×