Integrate CookiePal with Next.js
Welcome to CookiePal! This guide will walk you through how you can install a cookie banner on your website.
Integrate Cookiepal with Next.js
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, focusing on version 13 and onwards. Note that instructions might differ for versions 12 and 11.
Step-by-Step Guide
Step 1: Sign in to CookiePal
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.
Sign in: Go to CookiePal and sign in to your account.