Automatic GDPR Cookies Banner for Google Analytics & Facebook Pixel

GlowCookies is a simple and complete automatic cookie banner for any website. It complies with new European regulations with only two lines of code. Activate and disable Google Analytics cookies (more soon) whenever the user wishes, with just one click.

Must Read: Adding, Fetching, Modifying, and Removing Browser Cookies | cookieManager.js

Automatic GDPR Cookies Banner Details

Post Name	GDPR Cookies Banner Glow-cookies
Author Name	manucaralmo
Category	Cookies, Popup Plugins
Official Page	Click Here \| Click Here
Official Website	github.com
Publish Date	October 9, 2020
Last Update	June 30, 2023
Download	Link Below
License	MIT

How to make use of it:

1. Download the package deal and place the cookiesGlow.js library.

<script src="v1/cookiesGlow.js"></script>

2. Insert your individual codes as follows. The library presently helps Google Analytics, Facebook Pixel, and Hotjar.

var AnalyticsCode = "UA-XXX-XX";
var FacebookPixelCode = "XXXXXX";
var HotjarTrackingCode = "XXXXXXX";

3. Specify your individual coverage web page.

var linkHref = "privacy-policy";

4. Customize the looks of the cookie consent banner.

// texts
var btn1Text = "Accept";
var btn2Text = "Reject";
var bannerDescription = "We use cookies for analytics, performance, security, advertising and social media. You consent to our cookies if you continue to use our website.";
var linkTexto = "More Info";
var manageText = "Cookies";

// colors
var btn1Background = "#E8E8E8"; 
var btn1Color = "#17663D";
var btn2Background = "#E8E8E8";
var btn2Color = "#17663D";
var bannerBackground = "#17663D";
var descriptionColor = "#fff";
var manageColor = "#E8E8E8";
var manageBackground = "#17663D";

// Extras
var border = "yes" // or "none"
var bannerPosition = "right" // or "left"

Languages

Now you can choose between these available languages:

Afrikaans (af)
Brazilian portugese (pt_BR)
Bulgarian (bg)
Catalan (ca)
Chinese Simple (zh)
Chinese Traditional (zh_TW)
Danish (da)
Dutch (nl)
English (en)
French (fr)
German (de)
Italian (it)
Japanese (ja)
Malagasy (mg)
Norwegian (no)
Occitan (oc)
Polish (pl)
Russian (ru)
Slovak (sk)
Spanish (es)
Swedish (sv)
Thai (th)
Turkish (tr)
Ukrainian (uk)

Set language in the first parameter of glowCookies.start('en', { }) method.

Tracking options

These are the parameters that you can modify to add your tracking codes or custom scripts.

Parameter	Type	Values
`analytics`	String	Example: `"G-FH87DE17XF"` (Analytics tracking code)
`facebookPixel`	String	Example: `"990955817632355"` (Facebook Pixel code)
`HotjarTrackingCode`	String	Example: `"990955817632355"` (Hotjar tracking code)
`customScript` (Inline)	Object	Example: `[{ type: 'custom', position: 'body', content: 'console.log('custom script');' }]`
`customScript` (src)	Object	Example: `[{ type: 'src', position: 'head', content: 'https://www.googletagmanager.com/gtag/js?id=G-FH87DE17XF' }]`

Config Banner

These are the parameters that you can modify to change certain banner options

Parameter	Type	Values
`policyLink`	String	Example: `"https://yourlink.com"` (Your cookies policy link)
`hideAfterClick`	Boolean	(`true` or `false`) Default: `true` (Hide banner after Accept or Reject cookies)

Customize Banner

Now there are certain parameters that you can change to customize your banner.

Parameter	Type	Values
`border`	String	(`"border"` or `"none"`) Default: `"border"`
`position`	String	(`"left"` or `"right"`) Default: `"left"`
`bannerDescription`	String	Example: `"We use our own and third-party cookies to personalize content and to analyze web traffic."`
`bannerLinkText`	String	Example: `"Read more about cookies"`
`bannerBackground`	String	Example: `"#FAFAFA"` Example: `"lightblue"`
`bannerColor`	String	Example: `"#000"` Example: `"blue"`
`bannerHeading`	String	Example: `"Use of cookies"` Default: None
`acceptBtnText`	String	Example: `"Accept cookies"`
`acceptBtnColor`	String	Example: `"#000"` Example: `"blue"`
`acceptBtnBackground`	String	Example: `"#fff"` Example: `"white"`
`rejectBtnText`	String	Example: `"Reject"`
`rejectBtnBackground`	String	Example: `"#000"` Example: `"blue"`
`rejectBtnColor`	String	Example: `"#fff"` Example: `"white"`
`manageColor`	String	Example: `"#fff"` Example: `"white"`
`manageBackground`	String	Example: `"#f2f2f2"` Example: `"blue"`
`manageText`	String	Example: `"Manage cookies"`