Come creare un modulo per i commenti in Google sites

di Maria Silvana Radice





Come inserire i commenti in Google sites

How to create a form for comments on Google sites


Il modulo per i commenti presente di default in fondo a tutte le pagine di un sito creato con Google sites non e` pubblico, ma serve solo per i collaboratori. Per creare un modulo commenti per i visitatori potete usare due metodi. Vediamoli....

Dopo aver creato il modulo, entrate nel vostro sito Google, aprite l'editor, posizionate il cursore dove volete inserire i commenti, andate in Inserisci->Drive->Modulo e selezionate il vostro modulo commenti. Fatto questo, posizionate il cursore sotto a questo primo gadget e tornate in Inserisci->Drive, ma, questa volta, scegliete "Foglio di lavoro" e selezionate il foglio delle risposte. Salvate.

Il risultato sarà simile a quello che vedete sotto. Per comodita`, io ho messo i due moduli affiancati.
Se non volete mostrare le risposte, caricate solo il modulo.

Potete creare un unico modulo per i commenti al sito, oppure tanti moduli, uno per ogni pagina specifica.




Naturalmente, potete personalizzare il modulo con il tema, i colori e le immagini che preferite.
Per vedere i commenti aggiornati nel sito, dopo l'invio di un modulo, e` necessario ricaricare la pagina.

Nella guida Come creare un modulo con Google Drive, potete trovare anche un metodo alternativo per pubblicare le risposte con un risultato esteticamente diverso.

Secondo metodo, tramite Blogger:

Se avete un blog su Blogger, potete creare un modulo per i commenti che rimanda ad un post.
Per ottenere questo risultato dovete usare questo link....

https://www.blogger.com/comment-iframe.g?blogID=XXXXXXXXXXX&postID=XXXXXXXXXXX

....i dati da inserire, al posto delle zone in rosso, li potete trovare nella barra degli indirizzi del browser, entrando in funzione modifica del post.

Il form per i commenti avra` questo aspetto....




Potrete caricarlo nella pagina di Google sites seguendo il percorso inserisci->altri gadget->include gadget (iFrame).
Quando l'utente inviera` il commento, verra` rimandato al post di Blogger, che avrete predisposto per questo scopo e dove ci saranno tutti i commenti.

Visualizzare i commenti di Blogger nel sito:

E` possibile visualizzare i commenti direttamente nel sito usando i feed.
Il link per ottenere il feed ai commenti di un post specifico e` questo:

https://titolotuoblog.blogspot.com/feeds/IDdelpost/comments/default


Attenzione, se il vostro sito e` certificato (come nel caso di Google sites) ad aggiungere la s a http.

Per trovare l'ID del post, dovete aprirne l'opzione di modifica. L'ID e` visibile nell'indirizzo che appare nella barra del browser.

Esempio:
https://www.blogger.com/blogger.g?blogID=631374906564628731#editor/target=post;postID=8220653226919423795;onPublishedMenu=allposts;onClosedMenu=allposts;postNum=2;src=link

Leggi anche la guida ufficiale su come ottenere i feed delle diverse sezioni:

https://support.google.com/blogger/answer/97933?hl=it

Per visualizzare i commenti degli utenti nel sito, c'e` anche un gadget molto carino. L'elenco dei commenti si presentera` cosi`:



Potete scaricare il file.zip da....


(anche in allegato a fondo pagina).

Dopo averlo scompattato, troverete due file all'interno della cartella:
  1. commenti-blogger.xml
  2. gravatar.js
Aprite il file.xml con un editor di testo.
Questa e` la parte di codice da completare:

<script type="text/javascript">
 var
 numComments  = 8,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "URLavatar",
 hideCredits = true;

</script>
<script type="text/javascript" src="gravatar.js"></script>
<script type="text/javascript"
src="URLblog/feeds/postID
/comments/default?alt=json&callback=w2b_recent_comments">
</script><div style="text-align:center;">
</div>


Fonte

I parametri da modificare sono quelli in rosso, in questo modo:
  • numComments  = 8: e` il numero massimo di commenti che volete far apparire (lo stesso numero va riportato anche alla fine)
  • showAvatar  = true: se non volete che appaia l'avatar vicino ai commenti, cambiate "true" con "false"
  • avatarSize  = 60: dimensione dell'avatar
  • roundAvatar = true: questo valore, se impostato su "false", rende il box dell'avatar quadrato invece che tondo
  • characters  = 40: e` il numero massimo di caratteri del commento
  • defaultAvatar  = "URLavatar": al posto di "URLavatar" dovete mettere l'indirizzo dell'immagine che apparira`, di default, quando l'utente che pubblica non ha un profilo associato (nel caso dell'esempio e` la stellina)
  • src="URLblog: qui dovete mettere l'indirizzo del vostro blog
  • postID: qui dovete inserire l'ID del post. Se volete pubblicare tutti i commenti e non solo quelli di un post specifico, rimuovete la parte, compreso lo slash (/postID)

Per caricare questo box su Google sites
, dovete seguire questa procedura:
  1. Caricate il file "gravatar.js" negli allegati del sito
  2. Prelevatene l'indirizzo (click col dx su "scarica")
  3. Sostituite il nuovo indirizzo (per esteso) nel codice contenuto nel file "commenti-blogger.xml.                                             Precisamente, in questa stringa:    "<script type="text/javascript" src="gravatar.js"></script>" 
  4. Caricate anche il file.xml negli allegati del sito e copiatene l'indirizzo.
  5. Inserite il gadget seguendo il percorso inserisci->altri gadget-> gadget in base a URL.
p.s. ricordatevi di togliere dall'indirizzo dei file tutta la parte dopo l'estensione.


Potete includere i commenti anche usando ul lettore di feed. Leggi: Come creare un lettore di feed

Terzo metodo tramite Facebook:

E` possibile inserire i commenti nel sito anche usando il plugin per i commenti di Facebook.
Per configurarlo, dovete andare in questa pagina:

https://developers.facebook.com/docs/plugins/comments#configurator

Se non l'avete gia`, vi verra` chiesto di ottenere un ID di applicazione Facebook.


Dovrete inserire l'URL del vostro sito e scegliere le varie impostazioni. Alla fine, otterrete un codice simile a questo:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/it_IT/sdk.js
#xfbml=1&version=v2.5&appId=XXXXXXXXXXX";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="XXXXXXXXXXXXX" data-numposts="5"></div>

Il codice e` diviso in due parti, ma, per metterlo in Google sites, dovete riunirle, come vedete sopra e incapsulare tutto il codice in un gadget (vedi: Come caricare codici e scripts in Google sites).

La cosa importante e` aggiungere https: come segnato in rosso.




Aiuta il sito! Condividi questa pagina su:
 Facebook   twitter  Google   Linked  in      

Ti e` stato utile questo argomento?








ċ
commenti-blogger.zip
(2k)
Maria Silvana Radice,
04 nov 2015, 13:00