Add Live Commenting to Hostinger Sites

Ten eerste, houd er rekening mee dat deze handleiding alleen van toepassing is op de Hostinger Website Builder.

Als je Hostinger met WordPress gebruikt, kun je gewoon onze WordPress Plugin installeren die eigen instructies heeft.

Deze handleiding gaat verder met instructies voor de Website Builder.

Stap 1: Code-widget toevoegen

Open eerst je site in de Website Builder.

Als je nog geen sectie hebt waar je de reacties wilt plaatsen, voeg dan een lege sectie toe:

Sectie toevoegen

Voeg nu de Hostinger Embed-widget toe door op onze nieuwe sectie te klikken en bovenaan te klikken op Add element en vervolgens op Embed code:

Insluitcode

Je ziet iets dergelijks:

Sectie met code toegevoegd

Nu zijn we klaar voor Step 2.

Stap 2: Voeg de code toe

Laten we nu onze widgetcode toevoegen.

Kopieer de onderstaande code. Zorg ervoor dat je bent ingelogd op fastcomments.com en laad deze pagina opnieuw als dat niet het geval is, zodat de code wordt vooraf ingevuld met je accountgegevens, anders wordt de democode weergegeven.

Laten we nu de code kopiëren:

Hostinger reactiescode

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    FastCommentsUI(document.getElementById('fastcomments-widget'), {
        tenantId: "demo",
        pageTitle: window.parent.document.title,
        urlId: window.parent.location.href,
        url: window.parent.location.href
    });
</script>

Ga nu terug naar onze sitebuilder en klik op Enter code:

Code invoeren

Let op!

Het is belangrijk dat je bovenstaande code gebruikt en niet de codesnippets uit andere documentatie, omdat dit fragment specifiek is samengesteld voor Hostinger.

Je zou nu iets als het volgende moeten hebben, dat er leeg uitziet. Dit is verwacht. Beweeg je muis over het gebied waar de widget zou moeten staan:

Code-widget toegevoegd

Sleep nu de widget naar de gewenste grootte; je ziet hem verschijnen:

Grootte aanpassen

...en bekijk nu een voorbeeld en sla op!

Succes

Dat is alles! Je zou nu live reacties aan je Hostinger-site moeten hebben toegevoegd.

Succes

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

Fouten in site-domein

U kunt een autorisatiefout krijgen, zoals de volgende:

Domeinconfiguratie ontbreekt

Dit komt doordat FastComments niet weet dat uw account op dit domein gebruikt mag worden.

In dit geval is de oplossing eenvoudig. U hoeft alleen uw site toe te voegen aan uw FastComments.com-account.

Ga hierheen om uw site aan uw account toe te voegen.

Nu zou u snelle, live-reacties aan uw site moeten hebben toegevoegd!

Site-aanpassing

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.

Zwevende vind-ik-leuk-knop

FastComments ondersteunt ook de Page Reacts (ook wel zwevende Like-knop) widget voor Hostinger.

Je kunt het in actie zien rechtsonder op deze pagina!

Let op!

Deze instructies gelden voor de Hostinger Site Builder. Als je Hostinger WordPress gebruikt, kopieer dan gewoon de onderstaande code en voeg deze toe aan je WordPress-site met WPCode, dat is een gratis en gebruiksvriendelijke plugin om kleine codefragmenten aan je site toe te voegen.

Pak eerst de code:

Hostinger zwevende vind-ik-leuk-knop code

Copy

<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
<div id="fastcomments-page-likes-floating"></div>
<script>
    (function () {
        function tryLoad() {
            if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
                window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
                    tenantId: "demo"
                });
            } else {
                setTimeout(tryLoad, 50);
            }
        }
        tryLoad();
    })();
</script>

Open vervolgens de Site Builder in Hostinger.
Ga naar Website-instellingen linksonder.
Selecteer Integraties.
Voeg de nieuwe code toe aan het einde van het veld Custom code, en publiceer je site.
Je ziet de widget niet in de voorbeeldmodus, maar deze verschijnt in de gepubliceerde versie van de site.

Taal 🇳🇱 Nederlands

Installatie van Hostinger-site

Hostinger zwevende vind-ik-leuk-knop

Add Live Commenting to Hostinger Sites

Stap 1: Code-widget toevoegen

Stap 2: Voeg de code toe

Let op!

Succes

Fouten in site-domein

Site-aanpassing

Zwevende vind-ik-leuk-knop

Let op!