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
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
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
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
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
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) |