Implementing TCF on your Website

If using pre-2.2 IAB templates, you will need to reconfigure your Cookie Banner and Preference Center to comply with the new Purposes, Features, and Stacks. For a new implementation, simply select the IAB TCF framework while creating your new templates.

CAUTION:

It is recommended that you create a new template. If your vendors are not operationally ready on the IAB TCF Vendor List, they will not be able to read the updated Transparency and Consent String and consent will not be passed to those vendors to allow targeted ads.

To implement IAB TCF

  1. On the Cookie Consent menu, select Templates. The Templates screen appears.

  2. Click the Add New button. The Create New modal appears.

  3. Select IAB Transparency and Consent Framework EU 2.2.
  4. Review and accept the terms by clicking the I accept all terms of the agreement checkbox.
  5. Click the I Agree button.
  6. Click the Next button. The Name the Template screen appears.

  7. Enter a name for the template, set the default language, and select a managing organization.
  8. Click the Create Template button. The Template Details screen appears.

  9. Configure your template. For more information, see see the Customizing the Banner Template, Customizing the Preference Center Template, and Customizing the Cookie List Template articles.

    For information on how to use Stacks, see Implementing TCF Stacks on your Website.

    Note:

    You will not be able to save your template if the contrast ratio in your template is not compliant.

  10. Assign the template to geolocation rules and assign the geolocation rules group to the domain. For more information, see Configuring Geolocation Rules.
  11. Publish the domain and add the OneTrust scripts into the <head> section of your where the IAB TCF 2.2 is being implemented. For details, see Publishing and Implementing Cookie Consent Scripts.

To update to the IAB TCF 2.2

  1. On the Cookie Consent menu, select Templates. The Templates screen appears.

  2. Select the template to be updated. The Template Details screen appears.

  3. Click the Details tab.
  4. Click the Edit icon next to Web Browser Template. All editable fields display.
  5. Under Select Frameworks and Laws, select IAB Transparency and Consent Framework EU 2.2.
  6. Click the Save button.
  7. Configure your template. For more information, see see the Customizing the Banner Template, Customizing the Preference Center Template, and Customizing the Cookie List Template articles.

    For information on how to use Stacks, see Implementing TCF Stacks on your Website.

    Note:

    You will not be able to save your template if the contrast ratio does not meet minimum requirements.

  8. Assign the template to geolocation rules and assign the geolocation rules group to the domain. For more information, see Configuring Geolocation Rules.
  9. Publish the domain and add the script into the <head> section of your where the IAB TCF 2.2 is being implemented. For details, see Publishing and Implementing Cookie Consent Scripts.

To configure illustrations

Please work with your legal team to provide custom illustrations that best suit best your business.

  1. On your IAB Transparency and Consent Framework EU 2.2 template, navigate to the Preference Center tab.
  2. Expand the Advanced Configuration section. The purposes appear.
  3. Click the Context Menu icon on any of the IAB purposes. The Context menu appears.

  4. Select Settings. The Purpose Details pane appears.


  5. Illustration 1 is provided by IAB and cannot be changed.

    Illustration 2 can be edited and supplied by publishers by clicking the Edit icon .



  6. Enter your text in the modal.
  7. Click the Save button.

To review vendor information

You can review TCF additional vendor information like data declaration and data category by clicking on your Ad-Tech vendor from the vendor list.

  1. On the Cookie Consent menu, select Vendors. The Vendor List screen appears.

  2. Navigate to the IAB Vendor tab.
  3. Select a version from the list. The Vendor Details screen appears.

  4. Select the Vendor List by clicking on the Name. The Vendor Details modal appears.

  5. Select your Ad-Tech vendor to edit. The Vendor modal appears.


  6. Click the Edit button to change the vendor's status or legal bases.

    To ensure the number of vendors is shown accurately on the banner, configure the Global Vendor List to set the status of the vendor as Active or Inactive based on the vendor’s legal basis status established for your site/app.

  7. Click the Save button.

    In your TCF template, the [Vendor_Number] variable is automatically added to the Banner and cannot be removed. [Vendor_Number] is calculated from the number of active vendors from the Global or Custom Vendor list associated with a domain or app.