Display privacy widget

You will find below all the stuff to have a floating privacy center or to micro-banner to put in the footer.

---

Reminder of Legislation

According to GDPR, it is mandatory to give the user the option to modify their choices at any time and in a simple way. You have two options:

• Provide access to the CMP with a link in the footer or menu

• Provide access to the CMP with our "Privacy Widget"

Privacy widget

The Privacy Widget AppConsent is a button that appears on your web page and allows the user to quickly interact with the CMP to manage their consents.

This is a simple and elegant way to allow your users to manage their consents.

Implementation

Implementation using the widget

You can configure the Privacy Widget in the notice configuration form, see Configurer une notice web.

For an Internet user to be able to see it, consent must already have been given.

It exists in two colors, dark and clear.

You can also place the widget either :

• In the bottom left-hand corner

• In the bottom right-hand corner

How to add the privacy widget

1. Go to the backoffice in the Notices menu.

2. Click on the notice you want to configure

3. Go to Banner layout tab

4. Switch on Display privacy widget

Configuring style of the widget

By default, the widget is on clear style, but you can also configure the dark style. For this, click on the style you want to show on your website.

Configure the widget position

By default the widget position is on bottom right of the screen, but you can also configure the widget on bottom left. To configure, click on the option you want to show on your website.

Edit the widget label

To edit the label in the text field :

Advanced option : Add the widget to a specific part of your website

For the moment, the configuration interface does not allow this mode of operation. You need to use the configuration variable configSFBXAppConsent, like this:

<script type="text/javascript">
const configSFBXAppConsent = {
  appKey: 'PUT YOUR APPKEY',
  privacyWidget: {
    target: document.getElementById('target'),
    color: 'dark',
    text: 'Privacy center',
  }
}
</script>

Link implementation

You can add the link to your website, for example :

<a href="#" onclick="javascript:__tcfapi('show', 2, function(){}, {jumpAt: 'privacy'})">Afficher le centre de
    confidentialité</a>

If your website is created with aspx C# and .NET framework please use this :

<a href="#" OnClick="__tcfapi('show', 2, function(){}, {jumpAt: 'privacy'})">Display the Privacy center</a>