Customizing the CTV Preference Center Template

Preference Centers help users of the CTV application set up preferences for the categories established in your policy. These useful templates can be customized to align with your organization branding, language support, and SDK blocking.

To enable a CTV Preference Center template

This action only needs to be performed for new templates which haven't yet been configured for CTV apps. The configuration options will be enabled by default.

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

  2. Select a template. The Template Details screen appears.

  3. Enable the CTV App Template setting in the right-hand pane. A confirmation modal will appear to permit configuration of CTV App Templates.
    Note:

    This confirmation will only appear once for new templates which haven't yet been configured for mobile apps. The configuration options will be enabled by default.



To customize a CTV Preference Center template

Note:

The majority of the Preference Center styles are pulled in from the Styling section of the Web Browser tab. Additionally, HTML tags are supported for Title, Description, Purpose title, and Purpose Description. For more information, see Customizing the Preference Center Template.

You can select button focus colors on the CTV tab that are not available under the Web Browser tab. Additionally, you can see a preview of how the Preference Center will appear on a CTV device.

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

  2. Click on the name of the template you want to customize. The Template Details screen appears.

  3. Navigate to the Preference Center tab, then select CTV App from the platform selector. The CTV Preference Center Preview screen appears.


  4. Click the Plus icon next to Design to open the currently available template design options.


  5. Click the Edit icon to customize sections of the template design as necessary. For additional reference, see the following:
  6. When finished, click the Save and Close button.

Preference Center







Section

Field

Description

General

Menu Color

The color that will appear on the background of the Preference Center menu.

Menu Text Color

The text color that will appear on the background of the Preference Center menu.

Menu Focus Color

The color that will appear when a menu is hovered over.

Menu Focus Text Color

The text color that will appear when a menu is hovered over.

Menu Active Color

The color that actively appears on the menu.

Menu Active Text Color

The text color that actively appears on the menu.

Button Sets

Button Focus Color

The color that will appear when a button is hovered over.

Button Focus Text Color

The text color that will appear when a button is hovered over.

Show Home Icon

Enable this setting to display a home icon (for Apple TV only).

Show Buttons Border

Enable to display a border around your Preference Center buttons that matches the button text color.

Layout

Layout height

Select Right or Bottom to configure the positioning of the preference center.

Vendor List View

The Vendor List view shows a preview of how your Vendor List will appear on a CTV device. For IAB templates, IAB vendors, Google Vendors, and General Vendors are available. For non-IAB templates, Google vendors and General vendors are available. Use the filter icon to the right of the search feature to filter the Vendor List.

The majority of Vendor List configurations are pulled from the Vendor List section of the Web Browser tab.



SDK & Vendor List



Section

Field

Description

General

No Results Found Text

Enter text to appear when not results are found after searching the SDK or Vendor lists.

Results Total Text

Enter text to appear next to the total amount of results when searching the SDK or Vendor lists.

Show Filter Icon

Enable this setting to show the filter icon next to the SDK and Vendor lists.

Vendor List Modal

Select the Web Browser tab to access the Content area of the Preference Center.



Field
Description
Allow All Consent Label

The label that will appear on the Allow All Consent button.

Vendor List Filter Screen Reader Value (aria-label)

This is the text that will be read out by the screenreader for the Vendor List Filter.

Cookie List Filter Screen Reader Value (aria-label)

This is the text that will be read out by the screenreader for the Cookie List Filter.



Enabling the Show General Vendors setting allows you to reveal the general vendors assigned to each website using this template to end users.

Field
Description
View Vendor Details

The label that will appear on the View Vendor Details button.

View Vendor List Screen Reader Value

This is the navigational queues that will be read out by the screen reader for the Vendor List button.

View Privacy Policy

This is the text that will show for the View Privacy Policy link.

Vendor Level Opt-out

Enabling this setting allows end users to opt-out by individual vendor.



Enabling the Show Cookies List setting allows you to configure details regarding the cookies being collected for your purpose of processing.

Field
Description
Name

The text for the title of the cookie list.

Duration Label

Check the Show Duration option to insert text that will appear on the Duration button.

Type Label

Check the Show Type option to insert text that will appear on the Type button.

Category Label

Check the Category option to insert text that will appear on the Category button.

Description Label

Check the Description option to insert text that will appear on the Description button.

Host Label

Check the Host option to insert text that will appear on the Host button.

First Party

This field designates the cookie as directly from the application.

Third Party

This field designates the cookie as from a third-party source.

Note:

When configured for a CTV Preference Center, the Cookie Policy Link will display as a QR code on the Vendor Details section.



For more information, see Customizing the CTV Preference Center Template.

Purposes Details (non-IAB Template)



Section

Radio Button

Field

Description

General

Consent Checkbox

Consent Text

Enter the text you want to appear next to the consent checkbox.

Subcategory Section Header

Enter the text you want to appear on the header section of the consent sub cateogries.


Section

Radio Button

Field

Description

General

On/Off Checkbox

Active Text

Enter the text you want to appear as the active text next to the checkbox.

Inactive Text

Enter the text you want to appear as the inactive text next to the checkbox.

Subcategory Section Header

Enter the text you want to appear on the header section of the consent sub cateogries.

Purpose Details (IAB Template)



Section

Field

Description

General

Consent Text

Enter a custom label to appear next to the consent checkbox.

Active Text

Enter custom text that will appear next to the list of vendors to indicate that the non-IAB Purposes are active.

Inactive Text

Enter custom text that will appear next to the list of vendors to indicate that the non-IAB Purposes are not active.

Subcategory Section Header

Enter custom text that will appear above the list of vendors for non-IAB Purposes.

To enable the User ID

You can enable the User ID setting to expose a unique Data Subject ID (DSID) to end users who access your Preference Center.

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

  2. Under the Template Name column, select the template you want to edit. The Template Details screen appears.

  3. Select the Preference Center tab. The Preference Center preview screen appears.

  4. Under the Platform Web Browser menu, click the Content section.
  5. Click the edit icon next to the User ID setting. The User ID modal appears.


  6. Enable the Show User ID setting. Enter a title under the Title field to appear above the User ID that will randomly generate for the end user. Additionally, the end user will have the opportunity to copy their ID from the modal.
    Note:

    Enable consent logging in the geolocation rule in order for the User ID to populate. For more information, see Consent Logging for Mobile App Consent.

  7. Enable the Show Description setting to display a description for the DSID to the end user. This field can be edited as needed.
  8. Enable the Timestamp Title setting to show the time the user consented. The Not Yet Consented Text field will appear if the user has not yet consented.