Passer à l'action avec Open Graph

1 307 vues

Publié le

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

Publié dans : Technologie
1 commentaire
2 j’aime
Statistiques
Remarques
  • 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
Aucun téléchargement
Vues
Nombre de vues
1 307
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
34
Commentaires
1
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • \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

    ×