Add Comments to Ionos Sites

Per prima cosa, aggiungeremo un modulo di contatto che FastComments sostituirà.

Per farlo, apri l'editor del sito e clicca su Add Section nella pagina desiderata.

Poi, vai su Content -> Contact -> Contact Form a sinistra, come mostrato:

Aggiungi modulo di contatto

Successivamente, dobbiamo dire a FastComments di sostituire il nostro modulo. Fai clic sul titolo predefinito del modulo:

Imposta il titolo del modulo

Imposteremo il titolo su FastComments Goes Here. È molto importante che maiuscole/minuscole e spaziatura siano identiche, altrimenti non funzionerà; quindi consigliamo di copiare e incollare questo testo.

Una volta fatto, dovrebbe apparire così:

Titolo impostato

Questo è tutto per il primo passaggio!

Successivamente aggiungeremo il codice del widget FastComments al tuo sito. Questo codice cercherà tutti i moduli con il titolo FastComments Goes Here e li sostituirà con FastComments.

Quindi andiamo su Settings in basso a sinistra dell'editor del sito:

Apri Impostazioni

Apri la sezione Custom Head Code:

Apri Custom Head Code

Per Ionos abbiamo bisogno di una versione speciale del codice del widget FastComments. Gli snippet di codice provenienti da altri tutorial non funzioneranno.

Ora copia il codice seguente:

Snippet FastComments per Ionos

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<script>

4 (function () {

5 let loaded = false;

6 let interval = null;

7

8 function attemptLoad() {

9 const nodes = document.querySelectorAll('h2');

10

11 nodes.forEach(function (node) {

12 if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {

13 // otteniamo l'elemento che non occupa tutta la larghezza

14 const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;

15 target.innerHTML = '';

16 FastCommentsUI(target, {

17 tenantId: "demo"

18 });

19 interval && clearInterval(interval);

20 loaded = true;

21 }

22 });

23 }

24

25 attemptLoad();

26 if (!loaded) {

27 interval = setInterval(attemptLoad, 300);

28 }

29 })();

30</script>

31

...e incollalo come mostrato:

Incolla e Salva

Ora dobbiamo solo pubblicare il nostro sito e abbiamo finito.

Torna all'editor dei contenuti facendo clic su Content in alto a sinistra:

Torna a Content

Ora possiamo pubblicare!

Publish!

È tutto! FastComments dovrebbe essere attivo sul tuo sito. Dovresti vedere qualcosa di simile a questo:

Done!

Ottimo lavoro! Hai aggiunto i commenti in tempo reale al tuo sito Ionos.

Se hai riscontrato un errore 'permission denied', o desideri personalizzare FastComments, continua a leggere.

FastComments è progettato per essere personalizzato per adattarsi al tuo sito.

Se desideri aggiungere stili personalizzati o modificare la configurazione, Consulta la nostra documentazione sulle personalizzazioni per saperne di più.