Gatsby plugin for Cookiebot CMP
npm install gatsby-plugin-cookiebotEasily add Cookiebot on a Gatsby site. Especially useful when using Cookiebot's manual mode and gatsby-plugin-google-tagmanager.
- Adds Cookiebot script to the page
- Blocks Google Tag Manager's and tags created by gatsby-plugin-google-tagmanager when using Cookiebot's manual mode by setting data-cookieconsent="statistics" and type="text/plain" to the tags
``zsh`
npm i gatsby-plugin-cookiebot
`js`
plugins: [
{
resolve: "gatsby-plugin-cookiebot",
options: {
cookiebotId: "00000000-0000-0000-0000-000000000000", // Required. Site's Cookiebot ID.
manualMode: true, // Optional. Turns on Cookiebot's manual mode. Defaults to false.
blockGtm: false, // Optional. Skip blocking of GTM. Defaults to true if manualMode is set to true.
includeInDevelopment: true, // Optional. Enables plugin in development. Will cause gatsby-plugin-google-tagmanager to thrown an error when pushing to dataLayer. Defaults to false.
pluginDebug: true, // Optional. Debug mode for plugin development. Defaults to false.
},
},
];
> Make sure gatsby-plugin-google-tagmanager is listed before gatsby-plugin-cookiebot
`bash``You will need yalc in the destination project so better to install yalc globally
npm i -g yalcWatch for changes and publish locally with yalc
npm run develop
cd ../destination-gatsby-projectLink local package to a project
yalc link gatsby-plugin-cookiebotAlternative way of attaching the published package with yalc
yalc add gatsby-plugin-cookiebot
Run gatsby clean and restart development server on plugin changes
gatsby clean && gatsby developWhen changes are ready. Build and publish to NPM
npm run npm:publish
- React wrapper for graceful failing