FastComments.com

Add Comments to Ionos Sites


Met FastComments kunnen we eenvoudig live reacties toevoegen aan elke site die is gebouwd met Ionos.

Houd er rekening mee dat deze handleiding een FastComments-account vereist. Het wordt aanbevolen dat u zich eerst aanmeldt en daarna hier terugkomt. U kunt hier een account aanmaken.


Stap 1: Voeg een contactformulier toe Internal Link

Eerst gaan we een contactformulier toevoegen dat door FastComments wordt vervangen.

Open hiervoor de site-editor en klik op Add Section op de gewenste pagina.

Ga vervolgens links naar Content -> Contact -> Contact Form, zoals weergegeven:

Contactformulier toevoegen
Add Contact Form

Vervolgens moeten we FastComments vertellen ons formulier te vervangen. Klik op de standaardtitel van het formulier:

Formuliertitel instellen
Set Form Title

We stellen de titel in op FastComments Goes Here. Het is erg belangrijk dat hoofdletters en spaties precies hetzelfde zijn, anders werkt het niet, dus we raden je aan deze tekst te kopiëren en in te plakken.

Als het klaar is, zou het er als volgt uit moeten zien:

Klaar met het instellen van de titel
Done Setting Title

Dat is het einde van stap één!


Stap 2: Voeg FastComments.com-code toe Internal Link

Vervolgens gaan we de FastComments-widgetcode aan je site toevoegen. Deze code zoekt naar alle formulieren met de titel FastComments Goes Here en vervangt deze door FastComments.

Ga naar Settings linksonder in de site-editor:

Open instellingen
Open instellingen

Open de sectie Custom Head Code:

Open 'Custom Head Code'
Open 'Custom Head Code'

Voor Ionos hebben we een speciale versie van de FastComments-widgetcode nodig. Codesnippets uit andere handleidingen zullen niet werken.

Kopieer de volgende code:

Ionos FastComments-fragment
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 // we krijgen het element dat niet de volledige breedte heeft
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

...en plak het zoals getoond:

Plak en opslaan
Plak en opslaan

Stap 3: Publiceer Internal Link


Nu hoeven we alleen nog maar onze site te publiceren en zijn we klaar.

Ga terug naar de contenteditor door linksboven op Content te klikken:

Ga terug naar Content
Ga terug naar Content

Dan kunnen we publiceren!

Publiceer!
Publiceer!

Dat is alles! FastComments zou nu actief op je site moeten zijn. Je zou iets soortgelijks moeten zien:

Klaar!
Klaar!

Succes Internal Link


Goed gedaan! Je hebt live reacties toegevoegd aan je Ionos-site.

Als je een 'toegang geweigerd'-fout bent tegengekomen, of FastComments wilt aanpassen, lees verder.


Aanpassing Internal Link


FastComments is ontworpen om aangepast te worden zodat het bij uw site past.

Als u aangepaste styling wilt toevoegen, of de configuratie wilt aanpassen, Bekijk onze documentatie over aanpassingen en configuratie om te leren hoe.