Pubblicato il 24/06/15e aggiornato il

Come inserire una chat su Blogger.

Come installare una chat in una Pagina di Blogger e come mostrare un pulsante nella sidebar per i lettori che vogliono inviare messaggi e chattare con gli autori del sito.
Premetto che probabilmente non inserirò mai una chat in un sito perché mi manca assolutamente il tempo per interagire con i lettori però a seguito di una richiesta formulatami in un commento passo a elencare alcuni dei servizi online che permettono allo webmaster di installare gratuitamente una chat per avere scambi di opinioni con gli utenti in tempo reale e che possa essere una integrazione dei commenti classici. 

Ci sono chat che permettono di postare messaggi senza nessun tipo di registrazione mentre altre pretendono un accesso tramite Twitter, Facebook o Google. In definitiva la configurazione di una chat consta di fasi simili a tutti i servizi. La prima è quella in cui si scelgono lo stile, le dimensioni e altre impostazioni. Nella seconda fase si genera il codice HTML e nella terza fase si incolla nel nostro blog. In linea generale si può decidere di installare la chat in tutte le pagine mostrandola magari nella sidebar o nel footer oppure si può optare per la sua installazione in una pagina statica con il richiamo nel menù.

Chatroll è un servizio per chat molto interessante che non ho mai recensito. Si va su Sign Up Free e si inseriscono username, password e email. Ci si può loggare anche con Facebook  

chatroll-configurazione

Avremo creato un account gratuito. Per iniziare dobbiamo andare su Create a new live event. Si visualizzerà la chat da installare nel sito. Diamo un nome all'evento e andiamo su Continue

installare-chatroll


Nella finestra successiva possiamo scegliere la modalità tecnica con cui installare la chat. Si può andare sulla icona di Blogger oppure su quella di Wordpress per installarla direttamente in questi due siti oppure scegliere Drupal, Joomla o addirittura una Pagina Fan di Facebook. Per ragioni di sicurezza del template e di semplicità consiglio di optare per HTML Website

chatrool

Si visualizzerà già il codice da incollare in cui personalizzare le dimensioni

personalizzare-dimensioni-chat

Si copia il codice e si va su Continue. Ci verrà fornito anche un link per l'evento creato

chatroll

Si clicca su Go to Setttings Now per personalizzare la chat

personalizzare-chatroll

Nella colonna di sinistra su Settings ci sono le sezioni Appaerance (con colori, bordi, layout, ecc), Access (numero massimo di partecipanti alla chat e metodo di accesso tipo Facebook, Twitter, Wordpress, ecc), Users (per la gestione degli amministratori), Permissions (per decidere se dare il consenso a tutti di pubblicare, di darlo solo agli utenti registrati o solo ai moderatori). Quando si è finito si va su Save Settings e si passa alla fase successiva.

In Moderation > Status Messages si inseriscono i messaggi di benvenuto. In Approval si può decidere o meno di moderare i messaggi tramite singola approvazione. In Message Display si può settare la velocità con cui vengono postati i messaggi. La sezione Blocker Users si possono bloccare gli utenti tramite username o Indirizzo IP. La sezione Social Media serve per condividere o meno l'evento nei social. In Archives > Browser si può accedere alle chat salvate del passato mentre in Export si possono esportare i messaggi delle chat impostando la data degli eventi. Infine si va su Install Module che ci riporta alla pagina del codice che abbiamo già visto in precedenza.  

Si va come detto su HTML Website, si seleziona e si copia il codice. Il codice può essere installato in una sidebar andando su Layout > Aggiungi un gadget > HTML/Javascript. Venendo però incontro alla richiesta formulatami si può installare la chat in una pagina statica. Si va quindi su Pagine > Nuova Pagina.  Si dà il nome alla pagina e si clicca su HTML. Si incolla il codice 

chatroll-configurazione[5] 
opzionalmente tra i tag <center> e </center> per centrare la chat nel layout quindi si va su Pubblica. La parte del codice dopo <br/> è un link al sito Chatroll che può essere tolto anche se non so se sia legittimo per quello che riguarda i Termini e le Condizioni del servizio. 

Questa pagina statica avrà quindi il suo indirizzo che può essere richiamato con un pulsante nella sidebar. Per esempio possiamo andare su Layout > Aggiungi un gadget > HTML/Javascript e, in Sezioni del sito, incollare questo codice che è solo dimostrativo 

<center><a href="http://demo-blogger-widget.blogspot.it/p/chat.html" target="_blank" ><img src="https://lh3.googleusercontent.com/-02jiHf01X9o/VYpvLLwYMVI/AAAAAAAAuC8/yIAGXfiQuvI/s250/chat.png" width="200" title ="Apri la chat per inviare un messaggio agli autori del sito" alt="icona chat"/></a></center>

che mostrerà l'icona della chat con il link alla pagina in cui è installata e, se ci si passa sopra con il mouse, si vedrà anche il tooltip che invita a usare la chat. Si può anche mettere il titolo al widget in modo da rendere più chiaro il significato della icona 

chatroll-bottone

ALTRI SERVIZI GIÀ RECENSITI PER CHAT SU BLOGGER

  1. CBox (Vai a CBox) è una chat piuttosto semplice di facile installazione
  2. Xat (Vai a Xat) è invece una chat molto colorata con belle emoticon che piacerà molto alle donne
  3. Hangout (Vai a Hangout) è il noto servizio di videochat di Google.




3 commenti :

  1. ciao Ernesto, se inserisco il codice ricavato da Chatroll nella sezione HTML di una nuova pagina non si vede nulla, la chat non compare; diversamente se inserisco il codice tramite widget HTML/javascript compare senza problemi; potresti aiutarmi in merito? grazie :)

    RispondiElimina
    Risposte
    1. Deve comparire anche se lo inserisci in una pagina. Devi chiaramente incollarlo su HTML e non su Scrivi. Come vedi nella Demo funziona perfettamente. Devi solo stare attento a incollare il codice come ultima cosa che fai e a pubblicare direttamente da HTML senza tornare su Scrivi.
      @#

      Elimina
    2. ah ecco, io tornavo su SCRIVI, invece adesso pubblicando direttamente da HTML mi è uscita, grazie mille :)

      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.