How to Add Cookie Banner on Gatsby Website

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

setHeadComponents([
   <script
      id='cookieyes'
      type='text/javascript'
      src='https://cdn-cookieyes.com/client_data/XXXXXXXX/script.js'
    ></script>,
  ]);

setHeadComponents([
   <script
      id='cookieyes'
      type='text/javascript'
      src='https://cdn-cookieyes.com/client_data/XXXXXXXX/script.js'
    ></script>,
  ]);

You need to replace ‘XXXXXXXX’ with your CookieYes website key.

import React from 'react';
export function onRenderBody({ setHeadComponents }) {
setHeadComponents([
    <script
      id='cookieyes'
      type='text/javascript'
      src='https://cdn-cookieyes.com/client_data/XXXXXXXX/script.js'
    ></script>,
 ]);
}

import React from 'react';
export function onRenderBody({ setHeadComponents }) {
setHeadComponents([
    <script
      id='cookieyes'
      type='text/javascript'
      src='https://cdn-cookieyes.com/client_data/XXXXXXXX/script.js'
    ></script>,
 ]);
}

How to Add Cookie Banner on Gatsby Website

On this page

Step 3: Verify Installation

Have more questions?