Privacy Policy Update

Overview

Your website must reference the use of Utiq technology in its privacy policy, as per Utiq Privacy Requirements. By following the provided instructions, you can ensure that the relevant section in your privacy policy is always up to date. The Utiq specific section is dynamically managed through our dedicated JavaScript, which handles texts and hyperlinks. Specifically you get:

All Utiq related privacy text, in the correct language for your site
Proper hyperlinks
Links to your website’s Manage Utiq page

Why this feature is important

The evolution of our product and supported features may, from time to time, require changes on our privacy requirements texts. For this reason we will be introducing new versions as our roadmap evolves.

Using dynamic content guarantees that we can roll out necessary changes at scale without compromising compliance, and without having to burden you with manual updates to this page.

There will always be an official release note informing you about the upcoming changes on the Utiq privacy policy content, ahead of time, before actually doing the changes, with a dedicated release notice. It will be informative, as you will never have to do anything, all updates will be done automatically by our SDK.

Implementation Steps

Privacy Policy page updates

To implement the Privacy Policy page update, in an easy, scalable and automated way, please update your existing Privacy Policy page as follows:

Create a new heading (e.g. <h1>, <h2>) for Utiq as described in our documentation (e.g. for English it should be set to “Our use of the Utiq technology”).
Directly after the heading add the following <div> element:
HTML
```
<div id="utiq-privacy-policy"></div>
```
The page should load the following JavaScripts:
1. https://utiq.<your_domain>/utiqLoader.js - Main script that allows consent synchronization, should be loaded only if CMP consent is given.
2. https://utiq.<your_domain>/utiqPrivacyPolicy.js - This script dynamically adds the appropriate content inside the <div> element mentioned above. This script should be loaded always, irrespective of CMP consent, otherwise the Utiq related text will not be appear.

Suppress Utiq pop-up on Privacy Policy page

Users may land on Privacy Policy page from either the Integrated Model or Separate pop-up Model, with a relevant hyperlink, before they actually give consent. Therefore, the page content should be visible, without being covered by the pop-up.

To do that, in your tagging of Utiq SDK, you will need to add the below additional configuration, so that user will not be presented with Utiq pop-up, again, after clicking and landing on this page.

CODE

window.Utiq.config = {
  CMP: "none", // For Separate Pop-up - it would be other ID for Integrated Model
  cmpUtiqPurposeId: "", // Only if you use Integrated Model
  cmpUtiqVendorId: "" // Only if you use Integrated Model
}

The CMP: "none" configuration is only for Separate Pop-up. If you use Integrated Model, see relevant CMP and purpose / vendor ID configurations described here.

Styling the content

The HTML tags injected within the <div> tag are un-styled by default. To ensure they match your website’s design, apply custom styles using the <div> ID to target only these elements. Specify the styles as follows:

CSS

/* Example Utiq Privacy Policy CSS Styles */

/* Set the font famility for the elements     */
/* These can also be set one by one if needed */
#utiq-privacy-policy h2,
#utiq-privacy-policy p,
#utiq-privacy-policy a,
#utiq-privacy-policy li {
  font-family: "Sofia Pro", "Century Gothic", "Arial", sans-serif;
}

#utiq-privacy-policy h2 {
  font-size: 1.5em;
}

#utiq-privacy-policy a {
  color: #db214f;
}

#utiq-privacy-policy a:hover {
  color: #7a0320;
}

Putting it all together

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <script>
      window.Utiq = window.Utiq || {};
      window.Utiq.config = {
        CMP: "none"
      };
      (() => {
        const s = document.createElement("script")
        s.type = 'text/javascript';
        s.src = "https://utiq.example.com/utiqLoader.js"
        s.async = true;
        document.head.appendChild(s)
      })();
      (() => {
        const s = document.createElement("script")
        s.type = 'text/javascript';
        s.src = "https://utiq.example.com/utiqPrivacyPolicy.js"
        s.async = true;
        document.head.appendChild(s)
      })();
    </script>
    <style>
      /* Example Privacy Policy CSS Styles */
  
      #utiq-privacy-policy h2,
      #utiq-privacy-policy p,
      #utiq-privacy-policy a,
      #utiq-privacy-policy li {
        font-family: "Sofia Pro", "Century Gothic", "Arial", sans-serif;
      }
  
      #utiq-privacy-policy h2 {
        font-size: 1.5em;
      }
  
      #utiq-privacy-policy a {
        color: #db214f;
      }
  
      #utiq-privacy-policy a:hover {
        color: #7a0320;
      }
  
    </style>
  </head>
  <body>
    <h2>...</h2>
    ...
    <h2>Our use of the Utiq technology</h2>
    <div id="utiq-privacy-policy"></div>
    <h2>...</h2>
    ...
  </body>
</html>