Free Cookie Banner Generator - 100% Open Source

1Color schemeClassic

Classic

Neutral

Amber

Twilight

Background

Text

Primary color

2PositionBottom right

Center

Bottom left

Bottom right

Bottom center

3BackgroundDimmed 20%

Dim the page until the visitor chooses

The page behind the banner is dimmed and can’t be used until the visitor accepts, rejects or saves their preferences.

Background

Opacity (%)

Blur (px)

4Cookie iconBottom left · Accent

The cookie icon is shown after the banner is closed, allowing users to change their preferences.

Position

Bottom left

Bottom right

Color scheme

Accent

Accent fill

Text

Text fill

5Consent types3 types

Label

This consent is required

Label

This consent is required

Google Consent Mode and scripts

Google Consent Mode signals

When a visitor grants this consent, the checked signals are set to granted in Google Consent Mode. For Google Ads, check all three advertising signals.

Advertising cookies ad_storage

Sending user data to Google for advertising ad_user_data

Personalized advertising ad_personalization

Analytics cookies, such as visit duration analytics_storage

Site features, such as language settings functionality_storage

Personalization, such as video recommendations personalization_storage

Security, such as authentication and fraud prevention security_storage

Tracking & integrations

Load third-party scripts only when this consent is granted. Each one is injected on accept and removed (via page reload) if the user revokes consent.

Label

This consent is required

Google Consent Mode and scripts

Google Consent Mode signals

When a visitor grants this consent, the checked signals are set to granted in Google Consent Mode. For Google Ads, check all three advertising signals.

Advertising cookies ad_storage

Sending user data to Google for advertising ad_user_data

Personalized advertising ad_personalization

Analytics cookies, such as visit duration analytics_storage

Site features, such as language settings functionality_storage

Personalization, such as video recommendations personalization_storage

Security, such as authentication and fraud prevention security_storage

Tracking & integrations

Load third-party scripts only when this consent is granted. Each one is injected on accept and removed (via page reload) if the user revokes consent.

Advanced

GTM dataLayer event nameOverride the event fired to window.dataLayer when consent changes. Leave blank to use the default stcm_consent_update.

6Banner text

Accept button

Visible label

Accessible label

Reject button

Visible label

Accessible label

Preferences button

Visible label

Accessible label

Accessible labels are used to describe each button audibly, e.g. for partially-sighted users.

7Preferences panel text

Preferences title

Save button

Visible label

Accessible label

Credit button

Visible label

Accessible label

8Installation instructions

Step 1: Add this HTML to your page, inside the <head> tag. The CSS and JS load from jsDelivr CDN — no files to host yourself.

Step 2 (optional): Prefer to self-host? Download the bundle and replace the CDN URLs with paths to where you place the files.

Learn more: Consult our documentation for advanced configuration options and how to set up with Google Consent Mode.

Subscribe to updates

Our cookie banner code will receive updates from time to time. Sign up to be notified so you can download the new version. No spam, we promise.