Skip to content

Getting Started with Usercentrics Web CMP

This guide gives a high-level overview of setting up Usercentrics Web CMP, highlighting the main steps without going into detail. Each step includes links to more in-depth resources so you can explore further as needed.

For a quick visual introduction, watch the video walkthrough or try the interactive demo below. To dive deeper, this written guide offers further information and is recommended for a complete understanding.

Video: How to set up Usercentrics Web CMP

Demo: How to set up Usercentrics Web CMP

Overview

The steps of a quick and simple setup are the following:

  1. Create your Usercentrics account.
  2. Connect your website with your Consent Management Platform by implementing the Usercentrics script tag directly in your website's code, or using alternative ways of implementation, such as Google Tag Manager or CMS plugins.
  3. Block non-essential scripts at page load, to make sure that they start running only after the consent has been collected.
  4. Verify if the implementation is working properly on your website.
  5. Verify if Usercentrics has detected and categorized all data services on your website according to your preferences.

The following sections give you more detail about each step.

Requirements

To complete the steps, you need the following:

  • Access to your site's <head> tag or a Google Tag Manager container. Alternatively, you can also use a Usercentrics CMS plugin.
  • Your settings-id from the Usercentrics Admin Interface. You receive this identifier during the onboarding steps.

1. Create your Usercentrics account

If you already have an account, log in to the Usercentrics Admin Interface.

  1. Visit Usercentrics or Cookiebot and click Start Free.
    You can also compare plans on the Pricing page.

  2. Complete the onboarding steps:

    1. Provide account details.
    2. Enter your website's address.
    3. Choose your banner layout.
    4. (Optional) Invite collaborators.
    5. Copy the script that needs to be added to your website.

2. Implement the script on your website

To install the CMP, copy the generated script and paste it into the <head> section of your website. If you haven't copied the script in the previous step, you can find the it on the Usercentrics Admin Interface, under Implementation - Script Tag.

  • For further information, read the detailed implementation guide.
  • For alternative ways of installing the CMP instead of pasting the script into the website's code (e.g. Google Tag Manager, CMS plugins), see the next section of this guide.

2.1. Alternative integration methods

If you are using Google Tag Manager or a CMS, instead of editing the website's code you can use alternative methods to integrate the website with your web CMP:

3. Block non-essential services

To prevent non-essential services from loading before consent is given, each script must be marked up manually to respond to consent signals.

For further details, read how to mark up third-party scripts.

If you're using the Usercentrics Auto Blocker, this step can be skipped — Usercentrics Web CMP will handle it for you automatically.
Auto-blocking is available starting from the Essential package.

4. Verify your implementation

To verify your implementation after deployment, follow these steps:

  • Load your website and check that the banner appears.
  • Open your browser's Developer Tools to confirm the following:
  • No cookies load before consent.
  • The usercentrics object is initialized in the console.
  • TCF string / Consent Mode (if enabled) is present.

When you enter your domain during onboarding, Usercentrics automatically scans your site for data-processing technologies (like trackers and cookies) and assign them to categories with default descriptions.

However, we recommend reviewing and validating all detected services:

  • Check the Service Settings in the Admin Interface.
  • Review and update any services that were not classified automatically.
  • Make sure every service is assigned to the correct purpose.

Next steps

  • Customize banner styling and text in the Admin Interface, under Appearance.
  • Add multi-language support in the Configuration tab, under Language Settings.
  • Add region support under Geolocation Rulesets. Geolocation rulesets are available starting from the Essential package. Read more about geolocation rules.
  • If you are using Google products, ensure that Google Consent Mode is implemented correctly. Read more about how to set up Google Consent Mode.

How to get support