Cookiebeleid
COOKIETOESTEMMINGSPANEEL “PD COOKIE CONSENT”
S. GRAMAGE HOGAR S.L.
CALLE TELER, 50 – 46870 ONTINYENT (València) – SPANJE
1. Functionaliteit die een paneel voor cookietoestemming invoegt en de elementen blokkeert die cookies zouden kunnen plaatsen
“PD Cookie Consent” is een JavaScript-bibliotheek die bedoeld is om het blokkeren te vergemakkelijken van DOM-elementen die cookies zouden kunnen insluiten. Hiermee kan de technicus van de website een pop-upvenster (banner) invoegen dat de bezoeker wijst op de aanwezigheid van cookies. Daarnaast biedt de bibliotheek een manier om de elementen te beheren die cookies zouden kunnen genereren: ze worden geblokkeerd en kunnen geen cookies genereren totdat de bezoeker ze later deblokkeert.
2. Hoe voegen we de bibliotheek toe aan onze website?
ZEER BELANGRIJK – STAP 1
Voeg de volgende bibliotheek en de bijbehorende stijlen in tussen de tags <head>...</head>, waarbij het script van de bibliotheek boven elk ander script of link moet staan dat zich tussen deze tags bevindt.
Als deze stap niet precies zoals beschreven wordt uitgevoerd, werkt “PD Cookie Consent” niet correct.
<link rel="stylesheet" href="https://pdcc.gdpr.es/pdcc.min.css">
<script charset="utf-8" src="https://pdcc.gdpr.es/pdcc.min.js"></script>
<script type="text/javascript">
PDCookieConsent.config({
"brand": {
"dev": true,
"name": "AMALTEA PRIVACY",
"url": "https://amalteaconsultoria.es",
"websiteOwner": ""
},
"showRejectButton": true,
"cookiePolicyLink": "https://terracotacasa.com/politica-de-cookies",
"hideModalIn": ["https://terracotacasa.com/politica-de-cookies"],
"styles": {
"primaryButton": {
"bgColor": "#EEEEEE",
"txtColor": "#333333"
},
"secondaryButton": {
"bgColor": "#EEEEEE",
"txtColor": "#333333"
},
"rejectButton": {
"bgColor": "#EEEEEE",
"txtColor": "#333333"
}
}
});
</script>
ZEER BELANGRIJK – STAP 2
Als die er nog niet staat, zet u de URL van het Cookiebeleid tussen de aanhalingstekens van de volgende tags, zodat de directe link naar alle informatie over cookies wordt weergegeven:
"cookiePolicyLink": "https://terracotacasa.com/politica-de-cookies",
"hideModalIn": ["https://terracotacasa.com/politica-de-cookies"],
Als deze stap niet precies zoals beschreven wordt uitgevoerd, is de toestemmingsbanner niet rechtsgeldig.
OPMERKING: Als de website is ontwikkeld met een CMS zoals WordPress, Ghost, Shopify, Magento, Prestashop, Joomla, Drupal of een vergelijkbaar systeem, is het belangrijk ervoor te zorgen dat ook aan Stap 1 wordt voldaan.
Als u een CMS gebruikt, is de beste optie, waarmee u op veilige wijze aan Stap 1 kunt voldoen, het thema of de templates van de website aan te passen, bijvoorbeeld bij WordPress door een “child theme” aan te maken.
Raadpleeg de documentatie voor ontwikkelaars die elk van deze platforms aanbiedt.
ZEER BELANGRIJK – STAP 3
De bibliotheek biedt een CSS-eigenschap om de banner te openen nadat deze is gesloten, en elk element dat deze eigenschap bevat, werkt als een knop die het paneel opent. We hoeven alleen maar een willekeurig DOM-element te kiezen, bijvoorbeeld een link, en de eigenschap eraan toe te voegen:
<a href="#" class="pdcc-open-modal">Panel Cookies</a>Zodra de bezoeker op de link klikt, of op een ander element met de genoemde eigenschap, wordt de configuratieweergave van het paneel “PD Cookie Consent” geopend.
3. Hoe werkt “PD Cookie Consent”?
Wanneer een bezoeker de website bezoekt, controleert de bibliotheek “PD Cookie Consent” elk element op de bezochte pagina en blokkeert ze het als het voldoet aan de voorwaarden om geblokkeerd te worden.
Nadat alle elementen op de pagina zijn gecontroleerd, toont de bibliotheek het paneel “PD Cookie Consent” en maakt ze een sessiecookie aan met de naam “pd_cc”, die nodig is voor de goede werking van de pagina.
OPMERKING: Het “paneel” verschijnt niet automatisch als er alleen technische en functionele cookies zijn. Om het paneel te laten verschijnen, moet de bibliotheek een element hebben geblokkeerd dat cookies zou kunnen plaatsen, of moet de methode PDCookieConsent.blockList() zijn gebruikt.
In de eerste weergave van het paneel kan de bezoeker:
- De melding over cookies lezen.
- Op de link “Cookiebeleid” klikken.
- Alle cookies van de website accepteren door op “Accepteren” te klikken.
- Alle cookies van de website weigeren door op “Weigeren” te klikken.
- Naar de configuratieweergave gaan door op “Configureren” te klikken.
In de configuratieweergave kan de bezoeker:
- Teruggaan via de link “← Terug”.
- De lijst met niet-toegestane domeinen bekijken.
- Ze afzonderlijk accepteren of weigeren.
- De nieuw gedetecteerde domeinen bekijken (aangeduid met “nieuw”).
- Alles in één keer accepteren of weigeren.
- De aangebrachte wijzigingen opslaan met de knop “Configuratie opslaan”.
4. Informatieve meldingen over geblokkeerde elementen
Naast het paneel “PD Cookie Consent” toont de bibliotheek ook een melding bovenaan de website, die de bezoeker informeert over de visuele elementen die zijn geblokkeerd en daardoor niet worden weergegeven.
De bezoeker kan:
- Informatie krijgen over de geblokkeerde inhoud.
- Alle geblokkeerde elementen accepteren met “Alles accepteren”.
- De configuratieweergave openen door op “Configureren” te drukken.
ZEER BELANGRIJK: De melding vermeldt voornamelijk de geblokkeerde “iframes”. Om ook de “scripts” mee te nemen, moet de eigenschap "report": true worden gedefinieerd in PDCookieConsent.blockList().
OPMERKING: De melding verschijnt alleen als er geblokkeerde elementen zijn die het uiterlijk of de functionaliteiten van de website beïnvloeden.
5. Technische informatie
Om te begrijpen hoe de bibliotheek “PD Cookie Consent” werkt, is het belangrijk te weten dat ze geen enkel type cookie onderschept of blokkeert. “PD Cookie Consent” beheert geen cookies, maar de elementen die verantwoordelijk zijn voor het plaatsen ervan op de website (iframes, scripts en noscripts).
Tijdens het laden van de website controleert de bibliotheek elk DOM-element. Wanneer ze een iframe, script of noscript met een verboden tekenreeks detecteert, blokkeert ze dit om te voorkomen dat het wordt geladen en dat er zonder toestemming cookies worden geplaatst.
Als de bibliotheek bijvoorbeeld een YouTube-video blokkeert, wordt deze pas weergegeven wanneer de bezoeker die handmatig toestaat.
De tekenreeksen die het automatisch blokkeren mogelijk maken, zijn in de bibliotheek zelf gedefinieerd, hoewel de ontwikkelaar via de bijbehorende methode eigen tekenreeksen kan toevoegen.
MEER INFORMATIE
Klik hier voor technische informatie over de configuratie van het “script”.
Neem voor vragen of opmerkingen over dit document contact op met AMALTEA CONSULTORÍA INTEGRAL, S.L.
S. GRAMAGE HOGAR S.L.
CALLE TELER, 50 – 46870 ONTINYENT (València) – SPANJE
E-mail: administracion@sgpartners.es
