Cookie Declaration
Drop-in embed that lists every cookie your site sets, per category, with a "Change consent" button.
What it is
The Cookie Declaration is a separate bundle from the banner. It renders the full list of cookies your site sets, grouped by category, with each row showing the cookie name, provider, duration, type, and purpose. It also exposes a "Change consent" button that re-opens the banner's preferences view, so visitors can flip their decisions from your privacy page without leaving it.
Customers typically embed it at /cookies or as a section on /privacy. It does not need to coexist with the banner snippet on the same page, but if both are present they share the same consent state.
Snippet
One line in the body of the page where you want the declaration to appear:
<script
async
data-cookielint-declaration
src="https://cdn.cookielint.com/banner/declaration.js"
data-site-id="cl_..."
></script>The bundle inserts the declaration content directly where the <script> tag lives, so place the tag at the spot you want the table to render. The data-cookielint-declaration attribute is what selects this bundle over the banner one.
What it renders
For each consent category (NECESSARY, PREFERENCES, ANALYTICS, MARKETING, UNCLASSIFIED), the declaration shows:
Category header | Category name, short description from the banner config, and the visitor's current status (Granted or Denied). |
Cookie rows | Cookie name, provider domain, expiry duration, type (HTTP cookie / localStorage / sessionStorage), and a one-line purpose. UNCLASSIFIED cookies are auto-populated from the most recent scan. |
Change consent button | Re-opens the banner preferences modal. Disabled on categories the visitor cannot toggle (NECESSARY is always granted). |
Per-locale rendering
The declaration reuses the localizations you published with your banner config. It resolves the visitor's locale from navigator.languages, falls back to your default locale if nothing matches, and renders category names, descriptions, and the "Change consent" label in that locale.
Styling
The declaration ships its own minimal stylesheet and inherits the same CSS custom properties that the banner uses for theming. Set --cookielint-bg, --cookielint-ink, --cookielint-accent, etc. on :root and both the banner and the declaration pick them up.
Unlike the banner, the declaration is NOT rendered in Shadow DOM, since its purpose is to live as content inside your page. Your site's typography and link styles apply.