Pubblicato il 17/09/12e aggiornato il

Come inserire una chat o un forum su una Pagina Facebook.

Come installare chat, videchat o forum in una scheda delle pagine fan di Facebook mediante applicazioni o utilizzando Static HTML: iframe tabs.
E' possibile installare nel nostro blog tutte le chat che rendano disponibile il codice da incollare in Modalità HTML, ricordo tra queste Xat, Meebo, la compatta CBox, Talkinator, ShoutMix e YouChat che è anche una videochat. Se si desidera una chat anche con la webcam, la scelta migliore al momento è quella di Tinychat. Tra l'altro è possibile inserire nel blog anche le chat ufficiali di Google e Microsoft quali Google Talk e Messenger che come noto oltre che testuali hanno anche opzioni video.

Mi sono anche occupato di come installare un forum nel sito utilizzando un altro blog gratuito oppure una pagina statica. Le opzioni che ho presentato si basavano su Nabble e Google Gruppi. Questi metodi possono essere estesi anche alle Pagine di Facebook. Si può usare l'applicazione Static HTML: iframe tabs che ci consente di creare fino a 12 pagine personalizzate.

In queste pagine può essere incollato codice HTML, CSS o javascript. Si possono quindi usare queste schede per inserire anche nelle Pagine di Facebook le chat e i forum di cui ho parlato a inizio post. Se queste opzioni fossero troppo complicate, ci si può rivolgere a delle applicazioni specifiche per visualizzare chat, videochat e forum direttamente nella nostre pagine Facebook.

COME INSERIRE UNA CHAT SU UNA PAGINA DI FACEBOOK

Si utilizza l'applicazione Chat for Pages e si accede all'applicazione Chat Room For Pages, si sceglie la Pagina Facebook a cui aggiungere la chat quindi si clicca su Add Page Tab

chat-pagina-facebook

Se vi viene un messaggio di errore tipo 502 Bad Gateway provate a ricaricare la pagina. In linea di massima la navigazione protetta, per intenderci quella che ti mostra https:// nella barra degli indirizzi, non viene supportata da queste applicazioni. La Chat Room sarà così pronta e si potrà cliccare su Start chatting per iniziare. Occorre dare il consenso per l'accesso e si può scegliere se i post di questa applicazione possono essere visibili solo da noi, dagli amici, dagli amici più stretti, da tutti o da una particolare lista come del resto è prassi comune su Facebook

chat-for-facebook-pages 

Si va su Vai all'applicazione per iniziare a chattare. Il layout della chat si presenta con il rullo dei messaggi in posizione centrale, i partecipanti sulla destra e il modulo per inviare i messaggi in basso

chat-pagine-facebook

In alto si può scegliere se postare i nostri messaggi come pagina o come Profilo.
Una applicazione alternativa è Neat Chat. Si va su Create Room e si dà il solito consenso quindi si clicca su Vai all'applicazione. Si può quindi digitare il nome della chat e sceglierne l'icona

neat-chat

COME INSTALLARE UN FORUM IN UNA PAGINA FACEBOOK

Si può usare l'applicazione Forum for Pages, selezionare la pagina e cliccare su Add Page Tab

forum-pagina-facebook

E' possibile creare una discussione come pagina o come profilo. Gli altri utenti potranno intervenire utilizzando un editor dei commenti completo anche di strumenti di formattazione e con la possibilità di aggiungere elementi multimediali quali immagini o video

forum-pagina-facebook[4]

La chat e il forum potranno essere aperti dagli utenti cliccando sulle rispettive miniature visibili nella pagina fan in cui sono stati installati

chat-forum-facebook

Concludo ricordando che su Facebook è possibile abilitare le videochiamate e che con l'applicazione LiveCo è possibile creare anche una videochat.




12 commenti :

  1. ciao Ernesto, scusa se sono fuori tema in questo articolo, ma hai mai trattato come visualizzare il titolo del post precedente e successivo, al posto di "newer and older post"?
    grazie

    RispondiElimina
    Risposte
    1. @GaiaVincenzi
      E' un argomento che ho trattato in diversi post
      http://www.ideepercomputeredinternet.com/2011/01/sostituire-post-piu-recente-e-post-piu_28.html
      http://www.ideepercomputeredinternet.com/2011/12/come-eliminare-o-cambiare-di-posizione.html
      http://www.ideepercomputeredinternet.com/2011/01/sostituire-post-piu-recente-e-post-piu.html
      http://www.ideepercomputeredinternet.com/2011/01/come-sostituire-in-blogger-piu-recente.html

      Elimina
  2. grazie Ernesto l'ho inserito e posto i tag condizionali così che si visualizzi solo nei post.
    vorrei che il gadget si visualizzasse sopra al titolo di ogni mio post e infatti ho spostato il widdget sopra il corpo dei post, ma non si visualizza sopra al titolo del mio post, sempre alla fine... come posso spostarlo?
    grazie di nuovo

    RispondiElimina
    Risposte
    1. @GaiaVincenzi
      Intendi dire che non funziona il trascinamento con il mouse su Layout? Ma quale widget intendi? Dammi dei riferimenti altrimenti non capisco.

      Elimina
    2. @GaiaVincenzi
      Non so perché non ti funzioni. Prova a incollare tutto il codice invece che in un elemento pagina HTML/Javascript direttamente nel modello sopra a una di queste tre righe

      <div class='post-header'>
      <div class='post-header-line-1'/>
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

      Elimina
  3. Ho sostituito "recent " e "newer" post con la procedura di questo tuo articolo: http://www.ideepercomputeredinternet.com/2011/01/sostituire-post-piu-recente-e-post-piu.html
    vorrei posizionare però i titoli dei post adiacenti SOPRA ad ogni post, ma spostando manualmente il gadget HTML non mi funziona. come posso intervenire?

    RispondiElimina
    Risposte
    1. incollandolo sopra uno di quei tre, nell'anteprima mi da l'errore 500....bhà..
      non lo capisco proprio..

      ci smanetto un pochino e poi vediamo come finisce.. nel frattempo ne approfitto per chiederti un'altra cosa..nel tuo mattblack menù, come hai fatto a modificare la parte più destra,s eppur priva di bottone, rendendola arancione come il resto? su quale porzione di codice sei intervenuto?
      grazie infinite

      Elimina
  4. ho risolto il problema della visualizzazione sopra il titolo di ogni post con questa tecnica: http://tips.blogdoctor.me/2007/11/move-newer-home-and-older-posts-links.html

    RispondiElimina
  5. rifacendomi al commento 3b, è possibile, oltre che colorare la parte detra "vuota" grigia del matt black menu, anche rimuoverla del tutto lasciando solo i bottoni necessari? merci

    RispondiElimina
    Risposte
    1. @GaiaVincenzi
      Onestamente non me lo ricordo. Può darsi che non abbia fatto niente e che sia una questione di modelli

      Elimina
    2. @GaiaVincenzi
      Sì è possibile. Nel CSS topbar o base non mi ricordo troverai un codice simile a questo
      /* Matt Black Menu */
      .mattblackmenu ul{
      margin-bottom:20px;
      margin-top:0px;
      padding:0;
      font: bold 12px Trebuchet;
      list-style-type: none;
      border-bottom: 1px solid #d84938;
      background: #d84938;
      overflow: hidden;
      width:100%;
      }

      Al posto di
      width:100%;
      metti la percentuale di menù che ti serve.

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.