SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Downloaden Sie, um offline zu lesen
Drupal for Facebook:
Come rendere “social” un sito Drupal

Marco Ottolini
Installazione
          Drupal for Facebook
• Scaricare il modulo Drupal for Facebook
 http://drupal.org/project/fb
• Scaricare libreria Facebook PHP-SDK
 https://github.com/facebook/php-sdk/downloads
• Seguire le istruzioni del README.TXT
• Abilitare il modulo
Installazione
               README.TXT
• Modulo in /sites/all/modules
• Libreria in /sites/all/libraries/facebook-
  php-sdk
• Aggiungere al tag <html> nel tema:
 xmlns:fb="http://www.facebook.com/2008/fbml“
• Aggiungere alla fine in settings.php
 include "sites/all/modules/fb/fb_url_rewrite.inc";
 include "sites/all/modules/fb/fb_settings.inc";
Drupal for Facebook

• XFBML funziona
  <fb:like href="http://roma2011.drupalday.it"></fb:like>

• Social plugins funzionano
  http://developers.facebook.com/docs/plugins/
Facebook Connect
Facebook Connect

• Abilitare il modulo fb_app
• Abilitare il modulo fb_connect
• Creare una applicazione in Facebook
• Create una applicazione in Drupal con
  Facebook connect attivato
• Aggiungere il blocco Facebook Connect


• Drupal “sa” che siamo connessi con FB
Gestione utenti

• Attivare modulo fb_user
• Attivare modulo fb_permission
• Scegliere le permission (email!!!)
• Configurare user settings (anche global)


• Bottone Connect nel login block
• Creazione account utente con email
Le Applicazioni Facebook
             I Canvas
• Attivare il modulo fb_canvas
• Avere supporto https (1 ottobre 2011)
• Impostare i setting dell’applicazione in
  Drupal
• Sincronizzare le properties e verificare
  in Facebook Developer
Sviluppare un modulo

• fb_get_object_fbu($uid);
• Con fb_api() si fanno chiamate Graph
  API
• Si riceve un array PHP


• Usare il Graph API Explorer
• Leggere i sorgenti (non esiste
  documentazione)
I Tab per le Facebook Pages

• Attivare il modulo fb_tab
• Configurare Profile/Page Tabs
• Sincronizzare le properties
• In FB, andare nell’applicazione e
  aggiungere alla propria pagina
• Creare un modulo con hook_fb_tab
Theming for
          Drupal for Facebook
• Larghezza
  – 760 px per i Canvas
  – 520 px per i Tab per le pagine
• Keep It Simple Stupid
Altre Cose

• Modulo fb_example
• Modulo fb_friend
• Modulo fb_devel
• Modulo fb_views
Marco Ottolini

Email: marco@ottolini.com


Twitter: @ottolini
Drupal Day 2011 - Drupal for Facebook: Come rendere &quot;social&quot; un sito Drupal

Weitere ähnliche Inhalte

Ähnlich wie Drupal Day 2011 - Drupal for Facebook: Come rendere &quot;social&quot; un sito Drupal

Drupal + Facebook @ DrupalSocialCulb
Drupal + Facebook @ DrupalSocialCulbDrupal + Facebook @ DrupalSocialCulb
Drupal + Facebook @ DrupalSocialCulbTwinbit
 
Ambientidiapprendimento
AmbientidiapprendimentoAmbientidiapprendimento
AmbientidiapprendimentoZilli Emilio
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18Giuseppe Vizzari
 
Introduzione a Drupal 7 - 14/03/2013
Introduzione a Drupal 7 - 14/03/2013Introduzione a Drupal 7 - 14/03/2013
Introduzione a Drupal 7 - 14/03/2013Alessandro del Gobbo
 
Diario Di Viaggio con Wordpress
Diario Di Viaggio con WordpressDiario Di Viaggio con Wordpress
Diario Di Viaggio con Wordpressgeko
 
2 Esercitazione (18/19)
2 Esercitazione (18/19)2 Esercitazione (18/19)
2 Esercitazione (18/19)Andrea Gorrini
 
Drupal - per chi vuole iniziare
Drupal - per chi vuole iniziareDrupal - per chi vuole iniziare
Drupal - per chi vuole iniziareSalvatore Paone
 
WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19Giuseppe Vizzari
 
Strumenti web2.0
Strumenti web2.0Strumenti web2.0
Strumenti web2.0sidelab1
 
Estrarre informazioni da pagina Facebook SMAU Milano 2016
Estrarre informazioni da pagina Facebook SMAU Milano 2016Estrarre informazioni da pagina Facebook SMAU Milano 2016
Estrarre informazioni da pagina Facebook SMAU Milano 2016Roberto Marmo
 
1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17 1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17 Giuseppe Vizzari
 
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010Web che Funziona
 
Corso Web 2.0: Diario di viaggio
Corso Web 2.0: Diario di viaggioCorso Web 2.0: Diario di viaggio
Corso Web 2.0: Diario di viaggioRoberto Polillo
 
WordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeWordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeRaoul Pettenò
 
1 - Introduzione al corso 18/19
1 - Introduzione al corso 18/191 - Introduzione al corso 18/19
1 - Introduzione al corso 18/19Giuseppe Vizzari
 
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blogGiuseppe Vizzari
 

Ähnlich wie Drupal Day 2011 - Drupal for Facebook: Come rendere &quot;social&quot; un sito Drupal (20)

Drupal + Facebook @ DrupalSocialCulb
Drupal + Facebook @ DrupalSocialCulbDrupal + Facebook @ DrupalSocialCulb
Drupal + Facebook @ DrupalSocialCulb
 
Ambientidiapprendimento
AmbientidiapprendimentoAmbientidiapprendimento
Ambientidiapprendimento
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18
 
Introduzione a Drupal 7 - 14/03/2013
Introduzione a Drupal 7 - 14/03/2013Introduzione a Drupal 7 - 14/03/2013
Introduzione a Drupal 7 - 14/03/2013
 
Diario Di Viaggio con Wordpress
Diario Di Viaggio con WordpressDiario Di Viaggio con Wordpress
Diario Di Viaggio con Wordpress
 
2 Esercitazione (18/19)
2 Esercitazione (18/19)2 Esercitazione (18/19)
2 Esercitazione (18/19)
 
6 - Il browser - 16/17
6 - Il browser - 16/176 - Il browser - 16/17
6 - Il browser - 16/17
 
Xamarin DevOps
Xamarin DevOpsXamarin DevOps
Xamarin DevOps
 
Drupal - per chi vuole iniziare
Drupal - per chi vuole iniziareDrupal - per chi vuole iniziare
Drupal - per chi vuole iniziare
 
WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19
 
Strumenti web2.0
Strumenti web2.0Strumenti web2.0
Strumenti web2.0
 
Estrarre informazioni da pagina Facebook SMAU Milano 2016
Estrarre informazioni da pagina Facebook SMAU Milano 2016Estrarre informazioni da pagina Facebook SMAU Milano 2016
Estrarre informazioni da pagina Facebook SMAU Milano 2016
 
1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17 1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17
 
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
 
Corso Web 2.0: Diario di viaggio
Corso Web 2.0: Diario di viaggioCorso Web 2.0: Diario di viaggio
Corso Web 2.0: Diario di viaggio
 
WordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeWordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenze
 
WordCamp Catania 2019 PWA e TWA
WordCamp Catania 2019 PWA e TWAWordCamp Catania 2019 PWA e TWA
WordCamp Catania 2019 PWA e TWA
 
3. Site builders 2.0
3. Site builders 2.03. Site builders 2.0
3. Site builders 2.0
 
1 - Introduzione al corso 18/19
1 - Introduzione al corso 18/191 - Introduzione al corso 18/19
1 - Introduzione al corso 18/19
 
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog
 

Mehr von DrupalDay

[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.DrupalDay
 
[drupalday2017] - Cloud e integrazione per la PA: la sfida dell'Open Source t...
[drupalday2017] - Cloud e integrazione per la PA: la sfida dell'Open Source t...[drupalday2017] - Cloud e integrazione per la PA: la sfida dell'Open Source t...
[drupalday2017] - Cloud e integrazione per la PA: la sfida dell'Open Source t...DrupalDay
 
[drupalday2017] - Drupal come frontend che consuma servizi: HTTP Client Manager
[drupalday2017] - Drupal come frontend che consuma servizi: HTTP Client Manager[drupalday2017] - Drupal come frontend che consuma servizi: HTTP Client Manager
[drupalday2017] - Drupal come frontend che consuma servizi: HTTP Client ManagerDrupalDay
 
[drupalday2017] - Drupal & Patternlab: un nuovo approccio al theming
[drupalday2017] - Drupal & Patternlab: un nuovo approccio al theming[drupalday2017] - Drupal & Patternlab: un nuovo approccio al theming
[drupalday2017] - Drupal & Patternlab: un nuovo approccio al themingDrupalDay
 
[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5
[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5
[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5DrupalDay
 
[drupalday2017] - Open Data con Drupal nella PA: considerazioni su licensing ...
[drupalday2017] - Open Data con Drupal nella PA: considerazioni su licensing ...[drupalday2017] - Open Data con Drupal nella PA: considerazioni su licensing ...
[drupalday2017] - Open Data con Drupal nella PA: considerazioni su licensing ...DrupalDay
 
[drupalday2017] - Behat per Drupal: test automatici e molto di più
[drupalday2017] - Behat per Drupal: test automatici e molto di più[drupalday2017] - Behat per Drupal: test automatici e molto di più
[drupalday2017] - Behat per Drupal: test automatici e molto di piùDrupalDay
 
[drupalday2017] - Drupal 4 Stakeholders
[drupalday2017] - Drupal 4 Stakeholders[drupalday2017] - Drupal 4 Stakeholders
[drupalday2017] - Drupal 4 StakeholdersDrupalDay
 
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di SapienzaDrupalDay
 
[drupalday2017] - Venezia & Drupal. Venezia è Drupal!
[drupalday2017] - Venezia & Drupal. Venezia è Drupal![drupalday2017] - Venezia & Drupal. Venezia è Drupal!
[drupalday2017] - Venezia & Drupal. Venezia è Drupal!DrupalDay
 
[drupalday2017] - Quando l’informazione è un servizio
[drupalday2017] - Quando l’informazione è un servizio[drupalday2017] - Quando l’informazione è un servizio
[drupalday2017] - Quando l’informazione è un servizioDrupalDay
 
[drupalday2017] - Cosa significa convertire un modulo da D7 a D8
[drupalday2017] - Cosa significa convertire un modulo da D7 a D8[drupalday2017] - Cosa significa convertire un modulo da D7 a D8
[drupalday2017] - Cosa significa convertire un modulo da D7 a D8DrupalDay
 
[drupalday2017 - KEYNOTE] - Saving the world one Open Source project at a time
[drupalday2017 - KEYNOTE] - Saving the world one Open Source project at a time[drupalday2017 - KEYNOTE] - Saving the world one Open Source project at a time
[drupalday2017 - KEYNOTE] - Saving the world one Open Source project at a timeDrupalDay
 
[drupalday2017] - Async navigation with a lightweight ES6 framework
[drupalday2017] - Async navigation with a lightweight ES6 framework[drupalday2017] - Async navigation with a lightweight ES6 framework
[drupalday2017] - Async navigation with a lightweight ES6 frameworkDrupalDay
 
[drupalday2017] - Devel - D8 release party
[drupalday2017] - Devel - D8 release party[drupalday2017] - Devel - D8 release party
[drupalday2017] - Devel - D8 release partyDrupalDay
 
[drupalday2017] - Speed-up your Drupal instance!
[drupalday2017] - Speed-up your Drupal instance![drupalday2017] - Speed-up your Drupal instance!
[drupalday2017] - Speed-up your Drupal instance!DrupalDay
 
[drupalday2017] - DevOps: strumenti di automazione per Drupal8
[drupalday2017] - DevOps: strumenti di automazione per Drupal8[drupalday2017] - DevOps: strumenti di automazione per Drupal8
[drupalday2017] - DevOps: strumenti di automazione per Drupal8DrupalDay
 
[drupalday2017] - DevOps: strumenti di automazione per Drupal8
[drupalday2017] - DevOps: strumenti di automazione per Drupal8[drupalday2017] - DevOps: strumenti di automazione per Drupal8
[drupalday2017] - DevOps: strumenti di automazione per Drupal8DrupalDay
 
[drupalday2017] - REST in pieces
[drupalday2017] - REST in pieces[drupalday2017] - REST in pieces
[drupalday2017] - REST in piecesDrupalDay
 
[drupalday2017] - Contenuti educativi digitali aperti, creare contenuti e dis...
[drupalday2017] - Contenuti educativi digitali aperti, creare contenuti e dis...[drupalday2017] - Contenuti educativi digitali aperti, creare contenuti e dis...
[drupalday2017] - Contenuti educativi digitali aperti, creare contenuti e dis...DrupalDay
 

Mehr von DrupalDay (20)

[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
 
[drupalday2017] - Cloud e integrazione per la PA: la sfida dell'Open Source t...
[drupalday2017] - Cloud e integrazione per la PA: la sfida dell'Open Source t...[drupalday2017] - Cloud e integrazione per la PA: la sfida dell'Open Source t...
[drupalday2017] - Cloud e integrazione per la PA: la sfida dell'Open Source t...
 
[drupalday2017] - Drupal come frontend che consuma servizi: HTTP Client Manager
[drupalday2017] - Drupal come frontend che consuma servizi: HTTP Client Manager[drupalday2017] - Drupal come frontend che consuma servizi: HTTP Client Manager
[drupalday2017] - Drupal come frontend che consuma servizi: HTTP Client Manager
 
[drupalday2017] - Drupal & Patternlab: un nuovo approccio al theming
[drupalday2017] - Drupal & Patternlab: un nuovo approccio al theming[drupalday2017] - Drupal & Patternlab: un nuovo approccio al theming
[drupalday2017] - Drupal & Patternlab: un nuovo approccio al theming
 
[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5
[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5
[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5
 
[drupalday2017] - Open Data con Drupal nella PA: considerazioni su licensing ...
[drupalday2017] - Open Data con Drupal nella PA: considerazioni su licensing ...[drupalday2017] - Open Data con Drupal nella PA: considerazioni su licensing ...
[drupalday2017] - Open Data con Drupal nella PA: considerazioni su licensing ...
 
[drupalday2017] - Behat per Drupal: test automatici e molto di più
[drupalday2017] - Behat per Drupal: test automatici e molto di più[drupalday2017] - Behat per Drupal: test automatici e molto di più
[drupalday2017] - Behat per Drupal: test automatici e molto di più
 
[drupalday2017] - Drupal 4 Stakeholders
[drupalday2017] - Drupal 4 Stakeholders[drupalday2017] - Drupal 4 Stakeholders
[drupalday2017] - Drupal 4 Stakeholders
 
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
 
[drupalday2017] - Venezia & Drupal. Venezia è Drupal!
[drupalday2017] - Venezia & Drupal. Venezia è Drupal![drupalday2017] - Venezia & Drupal. Venezia è Drupal!
[drupalday2017] - Venezia & Drupal. Venezia è Drupal!
 
[drupalday2017] - Quando l’informazione è un servizio
[drupalday2017] - Quando l’informazione è un servizio[drupalday2017] - Quando l’informazione è un servizio
[drupalday2017] - Quando l’informazione è un servizio
 
[drupalday2017] - Cosa significa convertire un modulo da D7 a D8
[drupalday2017] - Cosa significa convertire un modulo da D7 a D8[drupalday2017] - Cosa significa convertire un modulo da D7 a D8
[drupalday2017] - Cosa significa convertire un modulo da D7 a D8
 
[drupalday2017 - KEYNOTE] - Saving the world one Open Source project at a time
[drupalday2017 - KEYNOTE] - Saving the world one Open Source project at a time[drupalday2017 - KEYNOTE] - Saving the world one Open Source project at a time
[drupalday2017 - KEYNOTE] - Saving the world one Open Source project at a time
 
[drupalday2017] - Async navigation with a lightweight ES6 framework
[drupalday2017] - Async navigation with a lightweight ES6 framework[drupalday2017] - Async navigation with a lightweight ES6 framework
[drupalday2017] - Async navigation with a lightweight ES6 framework
 
[drupalday2017] - Devel - D8 release party
[drupalday2017] - Devel - D8 release party[drupalday2017] - Devel - D8 release party
[drupalday2017] - Devel - D8 release party
 
[drupalday2017] - Speed-up your Drupal instance!
[drupalday2017] - Speed-up your Drupal instance![drupalday2017] - Speed-up your Drupal instance!
[drupalday2017] - Speed-up your Drupal instance!
 
[drupalday2017] - DevOps: strumenti di automazione per Drupal8
[drupalday2017] - DevOps: strumenti di automazione per Drupal8[drupalday2017] - DevOps: strumenti di automazione per Drupal8
[drupalday2017] - DevOps: strumenti di automazione per Drupal8
 
[drupalday2017] - DevOps: strumenti di automazione per Drupal8
[drupalday2017] - DevOps: strumenti di automazione per Drupal8[drupalday2017] - DevOps: strumenti di automazione per Drupal8
[drupalday2017] - DevOps: strumenti di automazione per Drupal8
 
[drupalday2017] - REST in pieces
[drupalday2017] - REST in pieces[drupalday2017] - REST in pieces
[drupalday2017] - REST in pieces
 
[drupalday2017] - Contenuti educativi digitali aperti, creare contenuti e dis...
[drupalday2017] - Contenuti educativi digitali aperti, creare contenuti e dis...[drupalday2017] - Contenuti educativi digitali aperti, creare contenuti e dis...
[drupalday2017] - Contenuti educativi digitali aperti, creare contenuti e dis...
 

Drupal Day 2011 - Drupal for Facebook: Come rendere &quot;social&quot; un sito Drupal

  • 1. Drupal for Facebook: Come rendere “social” un sito Drupal Marco Ottolini
  • 2. Installazione Drupal for Facebook • Scaricare il modulo Drupal for Facebook http://drupal.org/project/fb • Scaricare libreria Facebook PHP-SDK https://github.com/facebook/php-sdk/downloads • Seguire le istruzioni del README.TXT • Abilitare il modulo
  • 3. Installazione README.TXT • Modulo in /sites/all/modules • Libreria in /sites/all/libraries/facebook- php-sdk • Aggiungere al tag <html> nel tema: xmlns:fb="http://www.facebook.com/2008/fbml“ • Aggiungere alla fine in settings.php include "sites/all/modules/fb/fb_url_rewrite.inc"; include "sites/all/modules/fb/fb_settings.inc";
  • 4. Drupal for Facebook • XFBML funziona <fb:like href="http://roma2011.drupalday.it"></fb:like> • Social plugins funzionano http://developers.facebook.com/docs/plugins/
  • 6. Facebook Connect • Abilitare il modulo fb_app • Abilitare il modulo fb_connect • Creare una applicazione in Facebook • Create una applicazione in Drupal con Facebook connect attivato • Aggiungere il blocco Facebook Connect • Drupal “sa” che siamo connessi con FB
  • 7. Gestione utenti • Attivare modulo fb_user • Attivare modulo fb_permission • Scegliere le permission (email!!!) • Configurare user settings (anche global) • Bottone Connect nel login block • Creazione account utente con email
  • 8. Le Applicazioni Facebook I Canvas • Attivare il modulo fb_canvas • Avere supporto https (1 ottobre 2011) • Impostare i setting dell’applicazione in Drupal • Sincronizzare le properties e verificare in Facebook Developer
  • 9. Sviluppare un modulo • fb_get_object_fbu($uid); • Con fb_api() si fanno chiamate Graph API • Si riceve un array PHP • Usare il Graph API Explorer • Leggere i sorgenti (non esiste documentazione)
  • 10. I Tab per le Facebook Pages • Attivare il modulo fb_tab • Configurare Profile/Page Tabs • Sincronizzare le properties • In FB, andare nell’applicazione e aggiungere alla propria pagina • Creare un modulo con hook_fb_tab
  • 11. Theming for Drupal for Facebook • Larghezza – 760 px per i Canvas – 520 px per i Tab per le pagine • Keep It Simple Stupid
  • 12. Altre Cose • Modulo fb_example • Modulo fb_friend • Modulo fb_devel • Modulo fb_views