O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Passer à l'action avec Open Graph

1.450 visualizações

Publicada em

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

Publicada em: Tecnologia
  • 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
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui

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

×