Custom consent banner

leadmaps includes a managed analytics consent banner for sites using Consent privacy mode. You can match it to your site without writing banner code or giving leadmaps raw HTML or CSS.

The banner controls leadmaps analytics only. It is not a complete consent management platform for advertising, marketing, or unrelated third-party cookies. If you already use a consent platform, keep it and choose My existing consent platform in the editor.

Open the visual studio

1. Sign in at app.leadmaps.nl.
2. Open Settings > Cookie banners.
3. Choose a site and select Open studio.
4. Keep leadmaps managed banner selected in the Properties panel.

You can also open the studio from the Cookie banner action on a site row or from that site’s Privacy and install page. The studio is available on every leadmaps plan.

Use the studio

The studio has three areas:

• Layers selects the banner, message, privacy link, consent buttons, or privacy-settings control. Required layers display a lock because they cannot be deleted.
• Canvas shows the banner on a neutral example page. Drag the move handle to snap the complete banner to a supported position. Drag the resize handle to change a card’s width within the supported range.
• Properties changes only the safe options for the selected layer. It never accepts arbitrary code.

Use the Desktop and Mobile controls to check both layouts. Fit, 75%, and 100% zoom change only the editor view. Presets update the visual style without replacing your copy, languages, or privacy choices. Undo and Redo keep up to 50 recent edits in the current browser tab. The familiar Ctrl+Z or Command+Z shortcut also works when a text field is not active.

What you can customize

• Message, optional title, Accept and Decline labels, information-link label, and privacy-settings label.
• Up to 12 language variants with one default language. The browser prefers an exact language match, then the base language, then your default.
• Card or full-width bar layout.
• Bottom-center, bottom-left, bottom-right, or top-center placement.
• Surface, text, Accept, Decline, and button-text colors.
• Surface opacity, backdrop blur, corner radius, maximum width, shadow, and a safe built-in font stack.
• Accept-first or Decline-first button order. Both buttons always remain present and cannot be deleted.
• An always-present privacy-settings button and its corner. This protected control lets visitors reopen their choices and withdraw consent.
• A relative or HTTPS privacy-information URL.

leadmaps does not accept raw HTML, raw CSS, selectors, scripts, remote fonts, or image URLs in this editor. The consent message, Accept label, and Decline label cannot be saved blank. The studio also blocks button color combinations that do not provide readable contrast.

Save and install

Click Save design. Then copy the refreshed npm or CDN snippet from Put this design on your site and replace the old leadmaps snippet on your site.

Saving does not remotely rewrite code already installed on a website. The new design becomes live only after you paste or deploy the regenerated snippet. This prevents an editor change from silently altering a production website.

The configuration is embedded in the snippet. The banner therefore needs no leadmaps settings request before consent. The tracking SDK remains default-deny, and the collector still enforces consent server-side.

Ask visitors again

Turn on Ask previous visitors to choose again after this save when the meaning, purpose, or legal wording changes. leadmaps increments the consent revision, and visitors whose saved choice belongs to an older revision see the banner again.

Leave this off for a visual-only update such as color, radius, or placement. Their existing choice remains valid.

Privacy settings and withdrawal

The managed snippet exposes two optional page controls:

window.openLeadmapsCookieSettings();
window.withdrawLeadmapsConsent();

You can call the first from a footer link or account settings page. The second withdraws leadmaps analytics consent and removes the current proof token. You can also add data-leadmaps-consent-settings to a link or button that should open the banner.

The built-in persistent privacy-settings button uses the translated settings label and remains visible for the managed banner. You can also add your own footer control using the page controls above. Choose My existing consent platform when another platform owns the complete banner and withdrawal flow.

Use an existing consent platform

Choose My existing consent platform in the Properties panel, save, and copy the refreshed snippet. The generated code contains clear Accept and withdrawal callback placeholders for your platform and does not render a second banner.

Call grantConsent(recordId) only after the visitor explicitly accepts leadmaps analytics. Call revokeConsent() when they withdraw. Never grant consent automatically during page load.

Anonymous mode

Anonymous privacy mode never renders this banner and never enables replay, heatmaps, individual journeys, or cross-day returning-visitor analysis. You can prepare and save a design in the studio, but it is marked as an inactive draft until the site switches to Consent mode. The Anonymous snippet remains separate and banner-free.

Accessibility and limitations

• Both decisions are keyboard reachable and use visible focus styles.
• The managed banner adapts to small screens and respects reduced-motion preferences.
• Shadow DOM isolates the banner from most site CSS conflicts.
• The movement and analytics features activated after consent are not eye tracking.
• Your organization remains responsible for deciding whether the wording, purpose, and consent process meet the laws that apply to your site.

See Consent gating for the client and server enforcement model.