Skip to main content

Getting Started

Chapter 2:

How to Add Cookie Banner on React.js Website

Welcome to CookieYes! This documentation will guide you through setting up CookieYes on a React.js website. By following the steps, you can easily integrate CookieYes into your React.js website and enable a cookie consent banner.

Step 1: Sign Up on CookieYes and Create a Cookie Banner.

To begin, follow the below steps:

  1. Sign up on CookieYes and try it for free. 
  2. Once you have created the account, create a cookie banner for your website.

This guide is only applicable for React v18.0 and below versions.

Step 2: Install the cookie banner on the React.js website

To deploy the cookie banner, navigate to the index.html file inside the public folder at the root of your project and add the CookieYes Installation code within the head tag of the file.

You can copy your installation code from Advanced Settings from the top navigation panel of your CookieYes dashboard.

Installation Code

After adding the code, the file should be like this:

Code in index.html file

Step 3: Verify Installation

After completing Step 2, you can verify the installation by clicking the Verify Installation button in the Cookieyes setup screen. If you have successfully installed the banner, you will see a success message showing that “ You have successfully added the installation code to your site!  ”.

Cookieyes setup screen

Now you will see the new cookie consent banner on your React.js website. From the CookieYes Dashboard, you can complete the website scanning and explore additional customizations and features.

See also

Still have questions or facing issues? Contact technical support

Next chapter:

Complete website scanning