FastComments.com

Add Comments to Ionos Sites

Med FastComments kan vi nemt tilføje live-kommentarer til enhver side bygget med Ionos.

Bemærk, at denne vejledning kræver en FastComments-konto. Det anbefales, at du tilmelder dig først og derefter vender tilbage hertil. Du kan oprette en konto her.

Trin 1: Tilføj en kontaktformular Internal Link

Først vil vi tilføje en kontaktformular, som FastComments vil erstatte.

For at gøre dette skal du åbne sideeditoren og klikke på Add Section på den ønskede side.

Gå derefter til Content -> Contact -> Contact Form til venstre, som vist:

Tilføj kontaktformular
Tilføj kontaktformular

Dernæst skal vi fortælle FastComments at erstatte vores formular. Klik på standardformularens titel:

Angiv formulartitel
Angiv formulartitel

Vi sætter titlen til FastComments Goes Here. Det er meget vigtigt, at store/små bogstaver og mellemrum er nøjagtigt de samme, ellers virker det ikke, så vi anbefaler, at du kopierer denne tekst og indsætter den.

Når det er gjort, bør det se således ud:

Færdig med at angive titel
Færdig med at angive titel

Det er slutningen af trin et!

Trin 2: Tilføj FastComments.com-kode Internal Link


Next we're going to add the FastComments widget code to your site. This code will search for all forms with the title FastComments Goes Here and replace it with FastComments.

So let's go to Settings in the bottom left of the site editor:

Åbn Indstillinger
Åbn Indstillinger

Open the Custom Head Code section:

Åbn Custom Head Code
Åbn Custom Head Code

For Ionos we need a special version of the FastComments widget code. Code snippets from other tutorials will not work.

Now copy the following code:

Ionos FastComments-udsnit
Copy 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 // vi finder elementet, som ikke er i fuld bredde
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

...and paste it in as shown:

Sæt ind og gem
Sæt ind og gem

Trin 3: Udgiv Internal Link


Nu skal vi bare udgive vores websted, og så er vi færdige.

Gå tilbage til indholdsredigereren ved at klikke på Content øverst til venstre:

Gå tilbage til Indhold
Gå tilbage til Indhold

Så kan vi udgive!

Udgiv!
Udgiv!

Det var det! FastComments burde være live på dit websted. Du skulle se noget lignende dette:

Færdig!
Færdig!

Succes Internal Link

Godt arbejde! Du har tilføjet live-kommentarer til dit Ionos-websted.

Hvis du er stødt på en 'permission denied'-fejl, eller ønsker at tilpasse FastComments, læs videre.

Tilpasning Internal Link


FastComments er designet til at kunne tilpasses, så det passer til din side.

Hvis du gerne vil tilføje brugerdefineret styling eller ændre konfigurationen, Se vores tilpasningsdokumentation for at lære hvordan.