Styling the cookie declaration

Last edited on

The Cookie Declaration will automatically adopt the styling on your website (from your website’s general stylesheet). If you would like to style it further, you can use the CSS !important rule in your website’s own stylesheet. You can choose if the introduction text should be included or not . If you embed the Cookie Declaration in your existing Privacy Policy, you may already have explained the use of cookies somewhere else.

All customizations are made in the Cookiebot manager.

Introduction text

If you do not wish to include the introduction text, you can deselect it from the backend Manager:

  1. Log in to your account https://manage.cookiebot.com/goto/login
  2. Go to the menu point ‘Settings’ and the tab ‘Declaration’
  3. Un-tick the checkbox at the bottom
  4. Save your settings (tick-mark on the left-hand side blue panel)

Differences:

Show dialog text on cookie declaration ON
Show dialog text cookie declaration OFF

You can also choose to make your own custom Cookie Declaration using XSLT (premium subscription only).

For this, a custom template is available. This contains XSLT as well as XML data nodes (available from the small grey question mark on the right-hand side).

cookieverklaring, cookiemelding

The code up onto line number 22 exists of essential code for generating the declaration, language settings and default markup. Do not alter these lines unless you are sure of what you are doing. 

  <p class="CookieDeclarationDialogText">
    <xsl:value-of select="//Labels/Title" ></xsl:value-of>. <xsl:value-of select="//Labels/Text" ></xsl:value-of>
  </p>
  <p class="CookieDeclarationIntro">
    <xsl:value-of select="//Labels/CookieGeneralIntro" ></xsl:value-of>
  </p>
  <p>
    <xsl:value-of select="//Labels/ConsentDomains"></xsl:value-of>
  </p>
  <div id="CookieDeclarationUserStatusPanel"></div>
  <br/>
  <p class="CookieDeclarationLastUpdated">
    <xsl:value-of select="//Labels/LastUpdated" disable-output-escaping="yes"></xsl:value-of>:
  </p>

You don’t want to show the default text and introduction? Remove these lines:

<p class="CookieDeclarationDialogText">
<xsl:value-of select="//Labels/Title" ></xsl:value-of>. <xsl:value-of select="//Labels/Text" ></xsl:value-of>
</p>
<p class="CookieDeclarationIntro">
    <xsl:value-of select="//Labels/CookieGeneralIntro" ></xsl:value-of>
</p>

And this is the result

Would you like to remove the line “Wil je de regel “Your consent applies to……..” ?Remove these lines: 

  <p>
    <xsl:value-of select="//Labels/ConsentDomains"></xsl:value-of>
  </p>

Full list of placeholders:

Placeholder nameDescription
//Labels/TitleDialog heading
//Labels/TextDialog body text
//Labels/LanguageCurrent language code
//Labels/TextDirectionCurrent language text direction (LTR or RTL)
//Labels/CookieGeneralIntroGeneral cookie introduction
//Labels/AboutCookiesAbout Cookies label
//Labels/CookiesOverviewCookies Declaration label
//Labels/LastUpdatedDeclaration last updated date label
//Labels/CookieTypeNecessaryTitleNecessary cookies category title
//Labels/CookieTypeNecessaryIntroNecessary cookies introduction
//Labels/CookieTypePreferenceTitlePreference cookies category title
//Labels/CookieTypePreferenceIntroPreference cookies introduction
//Labels/CookieTypeStatisticsTitleStatistics cookies category title
//Labels/CookieTypeStatisticsIntroStatistics cookies introduction
//Labels/CookieTypeMarketingTitleMarketing cookies category title
//Labels/CookieTypeMarketingIntroMarketing cookies introduction
//Labels/CookieTypeUnclassifiedTitleUnclassified cookies category title
//Labels/CookieTypeUnclassifiedIntroUnclassified cookies introduction
//Labels/HeaderNameName
//Labels/HeaderProviderProvider
//Labels/HeaderPurposePurpose
//Labels/HeaderTypeType
//Labels/HeaderExpiryExpiry
//Labels/ConsentDomainsText label including a comma-separated list of domains which cookies are included in the cookie declaration.

XML node //Cookies

Placeholder nameDescription
//Cookies/CookieCollection of nodes with information for each cookie.
/Cookie/CategoryCategory
/Cookie/DomainsCollection of nodes with the name of each domain that uses the cookie.
/Domains/Domain/DomainNameName of the domain that set the cookie.
/Domains/Domain/DomainIPIP number
/Domains/Domain/CountryIDCountry code ID
/Domains/Domain/CountryNameCountry name
/Cookie/ExpireExpiry
/Cookie/ExpireDaysThe cookie’s lifetime expressed numerically in number of days.
/Cookie/ExpireSecondsThe cookie’s lifetime expressed numerically in number of seconds.
/Cookie/FirstURLFirst found URL
/Cookie/HTTPOnlyTrue if the cookie can only be read by the server that set the cookie.
/Cookie/PathPath
/Cookie/PersistentTrue if the cookie is stored permanently on the user’s browser.
/Cookie/PurposePurpose
/Cookie/SecureTrue if the cookie is set via an encrypted connection.
/Cookie/TrackerTypeType
/Cookie/TrackerTypeIDType ID
/Cookie/ThirdPartyTrue if the cookie is set by a third-party domain.
/Cookie/ValueExample value
Tags:
Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Inhoud