Hoe voeg ik de consentbanner voor termijngebruik toe aan mijn Website Builder-site?
Met de add-on kun je je consentbanner upgraden om de instellingen en het uiterlijk aan te passen, en krijg je toegang tot veel andere handige functies die je website kunnen helpen te voldoen aan de privacywetgeving.
Hieronder doorlopen we de stappen voor het toevoegen van de geüpgradede consentbanner aan je Website Builder-site met de code-component.
Wil je in plaats daarvan een video bekijken? We hebben een videotutorial waarin stap-voor-stap wordt uitgelegd hoe je het Termly dashboard gebruikt en de consentbanner aan je Website Builder-site toevoegt: op YouTube.
Om de geüpgradede consentbanner aan je Website Builder-site toe te voegen, heb je een en toegang tot de code-component van Website Builder nodig. De code-component is inbegrepen in de Website Builder Premium- en Business + E-commerce-pakketten.
Stap 1 - Schakel de consentbanner uit in het Website Builder dashboard
Als je de basis consentbanner van Website Builder (die ook door Termly wordt aangeboden) al gebruikt, deactiveer deze dan voordat je de geüpgradede consentbanner op de website insluit.
Klik op Instellingen in de primaire navigatiebalk en selecteer Toestemmingsbanner in het menu aan de linkerkant.
Zorg ervoor dat de consentbanner niet is ingeschakeld - de schuifknop moet grijs zijn. Als de consentbanner actief is, schakel je deze uit door op de schuifknop te klikken.
Publiceer je website.
Stap 2 - Log in op het Termly Dashboard
Log in op het one.com Configuratiescherm en klik op Toestemming en nalevingonder Beveiliging en naleving.
Klik op de blauwe knop Ga naar Termly. Als je nog geen Termly-abonnement hebt, kun je het op deze pagina aanschaffen.
https://help.one.com/hc/article_attachments/46410764403345Screenshot van de Termly-pagina in het one.com Configuratiescherm. De link 'Ga naar Termly' wordt gemarkeerd.
Voer je e-mailadres en wachtwoord voor Termly in en klik op de knop Inloggen om in te loggen op het Termly dashboard.
Stap 3 - Scan je website op cookies
Klik in het Termly dashboard op Toestemmingsbeheer >Cookies in het menu aan de linkerkant.
Klik op Nu scannen.
Stap 4 - Pas je consentbanner aan
Klik in het menu aan de linkerkant op Toestemmingsbeheer > Toestemmingsbanner. Op deze pagina kun je de instellingen en het uiterlijk van de banner aanpassen.
Klik op Opslaan onderaan de pagina als je klaar bent.
Voor meer informatie over de aanpassingsmogelijkheden, bekijk .
Stap 5 - Kopieer de HTML-code van de consentbanner
Klik op de pagina Consent Banner bovenaan op de knop Installeren.
In het pop-up venster dat verschijnt, zie je de status van de cookiescan en de volgende stappen voor het installeren van de banner. Klik op Embed onder Stap 2.
Klik in het volgende venster op Gewone HTML.
Je ziet nu het script dat moet worden toegevoegd aan de code-component van Website Builder. Je kunt ook kiezen of je de Auto Blocker-functie wilt activeren. Kopieer de code door op Kopieer naar klembord te klikken.
Stap 6 - Kies de code-component in Website Builder
Ga naar de Website Builder-editor.
Klik in het menu aan de linkerkant op Meer en kies Code.
Stap 7 - Embed de consentbannercode op je website
Kies in het pop-up venster Voor het sluiten</head> als Plaatsing van code.
Plak het consentbannerscript in het veld en klik op Opslaan.
Stap 8 - Wijzig de instellingen van de code-component
Je ziet nu de code-component bovenaan de pagina in de editor. Klik erop om de instellingen te openen.
Klik in de instellingen van de code-component op Positie en vink het selectievakje aan voor Op alle pagina's toepassen, zodat de consentbanner op alle pagina's van de website kan worden getoond.
Stap 9 - Embed de code van het voorkeurscentrum op je website
Naast de consentbanner raden we aan om een link naar het voorkeurencentrum aan je website toe te voegen. Door erop te klikken, kunnen je bezoekers hun cookievoorkeuren wijzigen.
Maak in de Website Builder-editor nog een code-component aan door in het linkermenu op Meer en vervolgens op Code te klikken.
Kies in het pop-up venster Normaal als Plaatsing van code.
Kopieer en plak de volgende code in het veld en klik op Opslaan:
Stap 10 - Pas de plaatsing en opmaak van de link naar het voorkeurscentrum aan
Sleep de component Voorkeurcentrumcode naar de plaats waar je de link in de website wilt plaatsen. We raden aan om deze in de footer te plaatsen, omdat deze dan op alle pagina's zichtbaar is.
Je kunt het uiterlijk van de link wijzigen door de code aan te passen met CSS-stijlen. Klik op de code-component, selecteer Code bewerken en voeg de gewenste CSS-stijlen toe. In het onderstaande voorbeeld hebben we de kleur van de link ingesteld op zwart en de onderstreping verwijderd:
Opslaan en publiceren van je website om de wijzigingen online zichtbaar te maken.
Open de website in de incognitomodus om te controleren of de consentbanner werkt. Als je de consentbanner niet kunt zien, wis dan de cookies en controleer of je alle bovenstaande stappen hebt voltooid.