Skip to content

Embeddings

Design your privacy policy page with our embeddings so you don't have to maintain the difference between your privacy policy and your CMP. Keep your legally required information easily up to date, instead of extracting the information from our CMP and manually integrate it into your privacy policy page.

Coming from V2?

If you already have an implementation for Embeddings on your website using our CMP V2, please refer to the Migration Guide.

Embedding all DPS

In order to simplify the Embeddings usage, in this new version, the embeddings were streamlined to be a reflection of the CMP itself. That means that all the information present on the CMP will also be present on the Embeddings.

Example

<div class="uc-embed"></div>
<div class="uc-embed-tcf"></div>

GDPR

Embedding a specific DPS

You can also choose to only embed one single DPS instead, for that you should use the properties uc-embed-type and uc-embed-service-id for both the type of embed and the ID of the service, respectively.

Example

    <div 
      class="uc-embed"
      uc-embed-type="service-specific"
      uc-embed-service-id="BJz7qNsdj-7">
    </div>
Illustration

Service Specific

Embedding Categories

You can choose to either display all Categories information (that includes their respective services) or choose to only display Categories (without their respective services).

Example

<div
  class="uc-embed"
  uc-embed-type="category">
</div>
<div
  class="uc-embed"
  uc-embed-type="category-only">
</div>
Illustration

Category

Category Only

TCF

Embedding Purposes

When using the TCF option, you can embed Purposes using the following example.

Example

    <div
      class="uc-embed-tcf"
      uc-embed-type="purposes">
    </div>
Illustration

Purposes

Embedding Vendors

When using the TCF option, you can embed Vendors using the following example.

Example

    <div
      class="uc-embed-tcf"
      uc-embed-type="vendors">
    </div>
Illustration

Vendors

Other properties

The following properties are applicable to any configuration, regardless of the legislation (GDPR and/or TCF), unless stated otherwise.

Show/Hide Toggles

In order to show or hide all toggles, you should use the property uc-embed-show-toggle. By default this is set to false, meaning no toggles will be shown.

Illustration

Category

Category Only

Properties

class

Can be either uc-embed if you are on GDPR and uc-embed-tcf if you are on TCF.

Value Description
uc-embed Embeddings for GDPR
uc-embed-tcf Embeddings for TCF

uc-embed-show-toggle

You can choose to show or hide toggles on the Embeddings. Its value is false by default.

Value Description
true Shows all toggles
false (default) Hides all toggles

uc-embed-service-id

This property is only applicablen when class="uc-embed"

To be used together with uc-embed-type="service-specific". It should hold the Service ID to be displayed.

uc-embed-type

Choose what type of information is to be displayed on the Embeddings. Its value is all by default.

Value Description
all (default) Embeds all the DPS information
category Embeds categories with their respective services
category-only Embeds only categories
service-specific Embeds a single service (used together with uc-embed-service-id)
purposes Embeds only purposes (TCF specific)
vendors Embeds only vendors (TCF specific)