Consenter Documentation

Banner Implementation Guide

Before your Consenter Banner can appear on your website, you need to add a small script to your site. This script loads the banner.

Attention: Do you want to integrate a consent banner or contextual consent?

For some purposes, it is better to ask your end users for their consent via contextual consent rather than a consent banner. This applies in particular to additional website features, such as maps, videos or social media feeds, which you want to integrate into your website and which process your end users' data. See TPP integration guide →

Step 1: Get your embed code

Once your banner version is "active", the "Embed Code" button becomes available.

Click Embed Code → Embed Consenter Banner to find your embed code snippet.

It will look similar to this:

index.html
<script
  src="https://banner.staging.consenter.eu/YOUR_DOMAIN_ID/cb.js"
  async
></script>

Replace the placeholder with your own value:

YOUR_DOMAIN_ID → your Consenter domain ID (from Sites → Your Site in Consenter Manager)

Step 2: Add the script to your website

Copy the embed code snippet and paste it into the <head> section of your website.

Make sure it is placed before any third-party script that requires user consent.

<!-- Embed Consenter banner -->
<head>
  ...
  <!-- Paste the embed code inside the <head> section -->
  <script
    src="https://banner.staging.consenter.eu/YOUR_DOMAIN_ID/cb.js"
    async
  ></script>
</head>

Next step: Set up your TPP integrations

The embed script does not automatically block or enable third-party tools. For each TPP you use, you must add the TPP integration snippet (including the contextual consent snippet when needed) so it checks the banner's consent state before running. See TPP integration guide →

Last updated on