Facebook Open Graph: Tutto il web in un Grafo! - Daniele Ghidoli - Be-wizard 2012

8,340
-1

Published on

Facebook Open Graph: tutto il Web in un grafo.

Facebook sta ormai fagocitando l'intero web, includendo all'interno del suo grafo sociale persone, pagine e siti web. Impariamo a conoscere, implementare ed utilizzare l'Open Graph in tutti gli aspetti: dal Like Button alle Ghost Pages, dal Social Graph alla nuova Timeline.

http://www.bigthink.it

Published in: Technology

Facebook Open Graph: Tutto il web in un Grafo! - Daniele Ghidoli - Be-wizard 2012

  1. 1. Facebook Open Graph Tutto il Web in un Grafo! Daniele Ghidoli www.bigthink.it @Ghido
  2. 2. Cos’è un Grafo?A B C D E F
  3. 3. Social Graph
  4. 4. Social Graph
  5. 5. Social Graph
  6. 6. Social Graph
  7. 7. Cos’è il Social Graph?“Social Graph is the network of connections thatexist through which people communicate and shareinformation. “ - Dave Morin, 2007
  8. 8. Il Social Graph mondiale
  9. 9. Anche il vostro sito può entrare nell’Open Graph!
  10. 10. 2010: Da “Diventa Fan” a “Mi Piace”
  11. 11. 2010: Cambiano i Profili
  12. 12. Gli Interessi
  13. 13. Nodi dell’Open GraphPagine Facebook Pagine Web Pagine Sociali
  14. 14. Tutto nasce da un “Mi piace”
  15. 15. Chi ha inserito il Like Button sul proprio sito?
  16. 16. Quanti siti hanno inserito il Like Button Fonte: http://venturebeat.com/2010/07/07/facebook-like-buttons/ 350.000 200.000 Luglio 2010 100.000 Giugno 2010 3 settimane 50.000 1 settimana 75 21 Aprile 2010
  17. 17. Dopo 5 mesi: 2 milioni di siti!
  18. 18. Dopo un anno: 10.000 + siti al giorno!
  19. 19. Le Pagine Fan… tasma
  20. 20. Le Pagine Fan… tasma
  21. 21. Le Pagine Fan… tasma
  22. 22. Le Pagine Fan… tasma I META TAG<html xmlns:og="http://opengraphprotocol.org/schema/"xmlns:fb="http://www.facebook.com/2008/fbml"><meta property="og:title" content="GT Conference 2010 – The day after" /><meta property="og:description" content="E dopo il Symposium GT a Roma…" /><meta property="og:type" content="article" /><meta property="og:image" content="http://www.bigthink.it/thumb.jpg" /><meta property="og:site_name" content="BigThink" /><meta property="fb:admins" content="537461288" />
  23. 23. Tipi di Pagina
  24. 24. Tipi di Pagina
  25. 25. Le Pagine web entrano nell’Open Graph
  26. 26. Controllare i propri interessi!
  27. 27. Come usare le Pagine Fantasma Facebook Like for Tags http://wordpress.org/extend/plugins/like-for-tags/ Incremento del 25-40% delle pagine visualizzate!
  28. 28. Come usare le Pagine Fantasma
  29. 29. Come usare le Pagine Fantasma
  30. 30. Come usare le Pagine Fantasma
  31. 31. Come usare le Pagine Fantasma
  32. 32. Open Graph Apps
  33. 33. Open Graph Apps
  34. 34. Le “actions”
  35. 35. User - Action - Object
  36. 36. Azioni e Oggetti READ ArticleBuilt-in WATCH Video BUY ProductCustom VOTE Photo
  37. 37. Social Readinghttps://developers.facebook.com/docs/reference/plugins/recommendationsbar/
  38. 38. Social Reading
  39. 39. Social Reading
  40. 40. Sulla Timeline
  41. 41. La pagina di riepilogo
  42. 42. Sulla Home
  43. 43. Nell’Activity Feed
  44. 44. Custom: Buy a Product
  45. 45. Custom: Buy a Product
  46. 46. Custom: Buy a Product
  47. 47. Custom: Rate an article
  48. 48. Custom: Rate an article
  49. 49. Yahoo Notizie
  50. 50. Pinterest
  51. 51. Dall’online… al mobile…
  52. 52. … all’OFFLINE
  53. 53. I hope you did this!
  54. 54. Creare Applicazioni per Facebook Daniele Ghidoli www.bigthink.it Facebook.com/danieleghidoli @Ghido

×