• EN
    • DE
  • Login
Consent Management Platform
Consent Management Platform (CMP) Usercentrics
  • Products
    • Website Consent Management
    • Mobile App Consent Management
    • AMP Consent Management (beta)
    • Smart Data Protector
    • Automatic Privacy Policy
  • Solutions
    • CCPA Compliance
    • GDPR Compliance
    • CMP for Publishers
  • Pricing
  • Resources
    • Whitepaper
    • Case Study
    • On Demand Webinars
    • Live Webinars
    • Knowledge Hub
    • RFI Template
    • Videos
    • FAQ
    • Developer Documentation
  • Partner
    • Partner Program Overview
    • Tech Partner
    • Expert Partner
    • Reselling Partner
    • Referral Partner
    • Partner network
  • About
    • Who we are
    • Career
    • Press
    • Events
    • Contact
  • GET STARTED
  • Menu
October 10, 2018 | 4 min read

Embed consents from Usercentrics directly into your website

Resources
Knowledge Hub
Embed consents from Usercentrics directly into your website

Table of contents

Our Consent Management Platform enables you to embed Data Processing Services with all their information directly into your website. This can be very helpful if you embed them into your privacy policy.

This way you don’t have to keep two versions (your privacy policy and your CMP) of your legally required information up to date, instead you can extract your information from our CMP directly into your website.

We offer a variety of different options which are presented in the following in more detail.

Embed “Select all consents” toggle in a page

We not only allow you to integrate the information of your data processing services into your website, but also make it interactive for your visitors, i.e by giving the opportunity to directly opt-in or out.

To display a “Select all” box on your website where users can opt in and out of all your consents (except for the essential ones) you can use the following code:

<div class="uc-embed" uc-layout="2" uc-isselectall="true" uc-data="categoryName, description, toggle, toggleLabel"></div>

The description text is the same as in your privacy banner. You can adjust this in your settings.

Embed categories in a page

Furthermore, you can choose to display only your categories with a toggle, so users can opt-in and out of every Data Processing Service in the respective category.

To display your categories, use the following code:

<div class="uc-embed" uc-layout="2" uc-data="categoryName, description, toggle, toggleLabel"></div>

The descriptive texts of the individual categories can be adjusted in your settings.

Embed all Data Processing Services with detailed information in a page

Would you like to embed all your data processing services including all details in a page, please use the following code:

<div class="uc-embed" uc-layout="1" uc-data="all"></div>

You can find an example of this integration in our privacy policy page under “VIII Implemented Technologies”.

Please note: Hidden data processing services that you have marked as hidden in your settings will not be embedded in the website with this script.

Embed single Data Processing Service with detailed information in a page

We give you the option to embed all your Data Processing Service with all the information directly into your website e.g. on your privacy policy page.

You can choose which information you want to display to your users and if they should be able to change their Data Processing Service status or not.

For a single Data Processing Service with all available information use the following code:

<div class="uc-embed" uc-layout="1" uc-consent-name="NAME" uc-data="all"></div>

Replace NAME with theslug of your Data Processing Service. For the Data Processing Service Google Analytics Statistics the NAME gets replaced with Google Analytics Statistics.

Please note: Hidden data processing services that you have marked as hidden in your settings will not be embedded in the website with this script.

Restrict detailed information

If you do not want to display certain information from a data processing service, you can adjust the script at any time. So you can quickly and easily configure your very own and individual presentation.

The following values refer to the attribute uc-data. The values can be combined with each other. Multiple values are separated by comma.

Please note: The order in which you pass the values to the script plays a role and is noted by the script!

optInCheckboxWithLabel: Displays the name of the data processing service including a checkbox for opt-in and out.

processorNames: Displays the name of the data processor as well as its address.

description: Displays the description of the Data Processing Service. If you have changed the description in the settings manually, the adjusted text will be displayed.

dataPurposes: Displays a list of the data processing purposes.

technologiesUsed: Displays a list of the used technologies.

dataCollected: Displays a list of the collected data.

legalBasis: Displays the legal basis, the data processing purpose is based on.

retentionPeriod: Displays the retention period of the processed data.

dataRecipients: Displays further companies, which receive the processed data.

thirdCountryTransfer: Displays a list of all countries, in which the processed data is saved.

dataProtectionOfficer: Displays an e-mail address of the data protection officer of the data processing service.

furtherInformation: Gives more information about the data processing service. Additional information includes the opt-out link, an opt-out description, the privacy policy link, the cookie policy link and the link to the order processing contract.

all: Displays all above mentioned information of the data processing service.

Please note: Not all data processing services return information for each specific value.

For example, if a data processing service does not share its processing data with another company, the information for the dataRecipients field will be missing.

This case was considered by us and does not lead to a misrepresentation on your website. Information is only returned for fields that actually contain information.

Open Privacy Settings with custom link

If you don’t want to have our Privacy Button visible on all pages, you can open the Privacy Settings via a custom link. Just link it to this anchor tag:

#uc-corner-modal-show

Afterwards, the configured Privacy Preference Center, opens for the visitor, such that he can make his settings concerning the data processing services.

Note: If you have additional scripts integrated via Google Tag Manager, don’t forget to adjust them too. Please refer to our guide for configuring the Google Tag Manager.

Next Steps

Scan your website

Scan your website

Check your privacy compliance
Request a demo

Request a demo

Schedule for free
Get started

Get started

See our pricing

Legal Update

Always up-to-date: With our legal update, we keep you up to date with the latest trends around data protection.

Products

  • Website Consent Management
  • CMP for Publishers
  • Mobile App Consent
  • Automatic Privacy Policy
  • Smart Data Protector
  • AMP Consent Management (closed beta)

Resources

  • Whitepaper
  • Case Study
  • On Demand Webinars
  • Live Webinars
  • Knowledge Hub
  • RFI Template
  • Videos
  • FAQ
  • Developer Documentation

About Us

  • Who we are
  • Career
  • Press
  • Events
  • Contact

Our Mission

Helping companies to achieve compliance in harmony with their marketing strategy.

Legal

  • Legal Notice
  • Privacy Policy
  • Terms and Conditions

Address

Usercentrics GmbH
Sendlinger Straße 7
80331 Munich
Germany

© Copyright 2021 Usercentrics

This website and all services provided by Usercentrics are not intended for users and companies outside of the European Union, U.K. or Switzerland.

Criteria for a CMP Criteria for a CMP Consent under GDPR and ePrivacy header ePrivacy – Everything you need to know about it
Scroll to top