Installation
Installation and Setup Instructions
How to Add Cookie Banner on Next.js Website
In this guide, we'll walk you through the CookiePal installation on a Next.js website
CookiePal helps you ensure your Next.js application complies with GDPR and other privacy laws by managing cookie consent for your users. This guide will walk you through the steps to integrate CookiePal with your Next.js application.
Step 1: Sign in to CookiePal
Sign in: Go to CookiePal and sign in to your account.
Step 2: Get the Installation Code
Generate Code: In your CookiePal dashboard, click on the HTML file icon to get the installation code. Refer to the gif below for detailed instructions on how to do this.
Copy Code: Copy the generated script code to your clipboard.
Step 3: Add the CookiePal Script to Your Next.js Application
Import Script: Open your Next.js application and locate the _app.js or _app.tsx file.
Insert Script: Import the Script component from next/script and add the CookiePal script code in your _app.js or _app.tsx file.
Step 4: Initialise CookiePal in Your Next.js Application
Save Your Changes: Save your changes using your preferred code management tool.
Deploy Your Website: Deploy this new version of your website using your preferred methods and automation.
Step 5: Verify the Cookie Banner
Verify Banner: Return to the CookiePal dashboard and verify that the cookie banner is active on your website. The status should change to "Active".
Test Implementation: Visit your website to ensure the cookie consent banner appears correctly and cookies are blocked until user consent is given.
Any Questions Left?
Feel free to contact us and we will answer all of yours remaining questions!
Contact Us