DEV Community

Nevik Schmidt
Nevik Schmidt

Posted on • Edited on

Set the URL of the website to test

#security #tutorial #webdev #productivity

Introduction to Cookie Consent Implementation

As a developer, I've worked with numerous clients who require cookie consent implementation on their websites to comply with the General Data Protection Regulation (GDPR) and other privacy laws. Implementing cookie consent can be a daunting task, especially when it comes to ensuring that it actually works as intended. In this article, I'll share my hands-on experience with implementing cookie consent, including the tools and techniques I use to get the job done.

Understanding the Requirements

Before we dive into the implementation details, it's essential to understand the requirements for cookie consent. The GDPR requires that websites obtain explicit consent from users before storing or accessing any personal data, including cookies. This means that we need to display a cookie consent banner to users, allowing them to accept or reject cookies. We also need to ensure that we only store or access cookies for users who have given their consent.

Choosing the Right Tools

I've worked with several cookie consent tools, including Cookiebot, OneTrust, and Optanon. Each of these tools has its pros and cons, and the choice ultimately depends on the specific requirements of the project. For this example, I'll be using Cookiebot, which offers a free plan for small websites and a paid plan for larger sites. The cost of Cookiebot starts at $9 per month for the paid plan.

Implementing Cookie Consent with Cookiebot

To implement cookie consent with Cookiebot, I start by signing up for an account on their website. Once I have an account, I can create a new cookie consent banner by following these steps:

  • Log in to the Cookiebot dashboard and click on "Create a new cookie consent banner"
  • Choose the type of banner you want to display (e.g., banner, popup, or widget)
  • Customize the banner text and design to match your website's branding
  • Generate the HTML code for the banner

Here's an example of the HTML code generated by Cookiebot:

<script id="Cookiebot" src="https://www.cookiebot.com/goto/1234567890.js" data-culture="en" data-background="#f0f0f0"></script>
Enter fullscreen mode Exit fullscreen mode

I can then add this code to my website's HTML header to display the cookie consent banner.

Blocking Cookies with JavaScript

To ensure that we only store or access cookies for users who have given their consent, we need to block cookies by default. We can do this using JavaScript by adding a script that checks for cookie consent before setting any cookies. Here's an example of how I do this:

// Check if cookie consent is given
if (Cookiebot.consent === true) {
  // Set cookies here
  document.cookie = "example_cookie=example_value";
} else {
  // Block cookies
  console.log("Cookies are blocked due to lack of consent");
}
Enter fullscreen mode Exit fullscreen mode

This script checks if the user has given cookie consent by checking the Cookiebot.consent property. If consent is given, it sets the cookie; otherwise, it blocks the cookie.

Automating Cookie Consent Testing with Bash

To ensure that our cookie consent implementation is working correctly, we need to test it regularly. I use a Bash script to automate this testing process. Here's an example of how I do this:

#!/bin/bash

# Set the URL of the website to test
URL="https://example.com"

# Set the Cookiebot ID
COOKIEBOT_ID="1234567890"

# Use curl to test the website with cookie consent
curl -s -H "Cookie: Cookiebot=$COOKIEBOT_ID" "$URL" > /dev/null

# Check if the cookie consent banner is displayed
if [ $? -eq 0 ]; then
  echo "Cookie consent banner is displayed correctly"
else
  echo "Error: Cookie consent banner is not displayed correctly"
fi
Enter fullscreen mode Exit fullscreen mode

This script uses curl to test the website with cookie consent and checks if the cookie consent banner is displayed correctly.

Key Takeaways

Here are the key takeaways from my experience with implementing cookie consent:

  • Choose a reputable cookie consent tool that meets your website's requirements, such as Cookiebot or OneTrust.
  • Customize the cookie consent banner to match your website's branding and ensure that it is displayed correctly.
  • Use JavaScript to block cookies by default and only set cookies for users who have given their consent.
  • Automate cookie consent testing using a Bash script or other automation tools to ensure that your implementation is working correctly.
  • Ensure that you comply with the GDPR and other privacy laws by obtaining explicit consent from users before storing or accessing any personal data, including cookies.

🛒 Useful Resources:

Follow me on Dev.to for weekly automation & self-hosting guides.

☁️ Need a Server for Self-Hosting?

I run all my services on Hetzner Cloud — EU-based, from €3.29/mo. Use my link and we both get €20 in credits.

🛡️ Is Your Website GDPR Compliant?

Check in 60 seconds: nevik.de/check — free DSGVO scanner.

💡 Tools I Built: bewertung.nevik.de (Google Reviews) · cv.nevik.de (Free CV Builder)

Follow me on Dev.to for weekly guides on self-hosting, AI tools, and growing your business.

Top comments (0)