Personalización de la plantilla del centro de preferencias
UUID-42966d0e-6c85-aeee-88fd-b568ef4d3101
Article Content
[en] You can customize the layout, styling, content, and cookie category configuration of your preference center. This allows you to create a look and feel that matches your organization's branding style.
Sugerencia
Al implementar tu centro de preferencias, puedes definir códigos de idioma mediante guiones bajos o guiones.
Ejemplo: es-ES o es_ES.
[en] What is a Preference Center?
[en] A Cookie Consent Preference Center is a modal that allows users to configure cookie consent preferences. Typically, there is a link to access the Preference Center on the site as well as the cookie Banner, if one is available.
Configuración de un centro de preferencias
[en] Preference Centers can be customized and created in two ways. This article creating and customizing your preference center through the Templates section of the Cookie Consent application. To learn how to configure a Preference Center when scanning your domain, see Scanning a Website.
En el menú Consentimiento de cookies, selecciona Plantillas.
Selecciona la plantilla que quieres editar. Aparecerá la pantalla Detalles de la plantilla.
Abre la pestaña Centro de preferencias.
Nota
[en] Custom CSS configurations do not display in the preview.
[en] Click the Save button for each section you configure.
Haz clic en el botón Guardar plantilla.
Opciones de configuración de centros de preferencias
Diseño
[en] This section allows you to select how the Preference Center is positioned on your website.
Campo
Descripción
Pestaña
Selecciona para mostrar un diseño centrado con pestañas.
Centro
Selecciona para mostrar un diseño centrado.
Panel
Selecciona para mostrar un diseño alineado a la izquierda o a la derecha.
[en] Choose a Position
[en] Select a position to configure configure the alignment of the Preference Center.
Estilo
[en] This section allows you to customize colors for buttons, text, and the background of the Preference Center, in addition to other styling options. You can also add a custom logo.
Nota
[en] The recommended color contrast ratio is 4.5:1 for WCAG compliance. You will see a warning in the tool if the contrast ratio is below the recommended guidelines.
Campo
Descripción
Reemplazar el estilo del aviso
Activa esta opción si quieres que el centro de preferencias tenga una marca diferente a la del aviso. Los campos de estilo aparecerán después de activar la configuración.
Nota
[en] This setting is disabled by default and the Banner styling settings carry over to the Preference Center. To add a logo to your Preference Center, enable Override Banner Styling.
[en] Show Object to Legitimate Interest as a button (IAB templates only)
[en] Enable this setting to display an Object to Legitimate Interests button under the descriptions of applicable purposes.
[en] When disabled, a setting for Legitimate Interest will be available next to the Consent setting for each purpose.
Nota
[en] Only available when you have the Allow Legitimate Interest setting enabled in the Advanced Configuration section.
Color del botón
Selecciona el color que utilizarás como color de fondo para los botones del centro de preferencias.
Continuar sin aceptar - Color del enlace
Selecciona el color para el texto del enlace Continuar sin aceptar.
Color del texto del botón
Selecciona el color del texto que se muestra en los botones.
Color de texto
Selecciona el color del texto del centro de preferencias.
Color de fondo
Selecciona el color para el fondo del centro de preferencias.
Color del texto del enlace
Selecciona el color para el texto del enlace.
Color del fondo del acordeón
Selecciona el color para el fondo del acordeón.
Nota
[en] Applicable when you select > or +/- as the accordion type.
Color del borde de enfoque
Selecciona el color del borde de un elemento en foco.
[en] Select the color for the background of the Object to Legitimate Interests button.
Nota
[en] Only available if the Show Object to Legitimate Interest as a button setting is enabled.
[en] Legitimate Interest Button Text (IAB templates only)
[en] Select the color for text displayed on the Object to Legitimate Interests button.
Nota
[en] Only available if the Show Object to Legitimate Interest as a button setting is enabled.
Tipo de acordeón
Selecciona el estilo de acordeón o quita el acordeón.
Nota
[en] These three options determine how the cookie category descriptions display.
Tu logotipo
Haz clic en el botón Seleccionar archivo para seleccionar la imagen del logotipo que quieras utilizar en el centro de preferencias.
Haz clic en el botón Restablecer el logotipo predeterminado para restablecer el logotipo predeterminado del centro de preferencias.
Sugerencia
[en] The optimum size for a logo in the Preference Center:
[en] Height: 50px; Width: 140px.
[en] Supported file formats are PNG, JPG, and JPEG with a maximum size of 2MB.
Logotipo de la empresa - Valor de lector de pantalla (etiqueta Aria)
Introduce el texto del lector de pantalla para el logotipo de la empresa.
[en] Button Logo
[en] Click the Upload button to select a logo image to display for the Persistent Cookie Settings hover button.
[en] Click the Revert to Default button to reset the logo to the default.
Nota
[en] This option is available only if you enable the Enable persistent Cookie Settings hover button setting in the Button Set section.
CSS personalizado
Introduce un CSS personalizado para diseñar el centro de preferencias de forma que se adapte a las necesidades de marca de tu organización.
[en] Click the Apply Custom CSS button to display custom CSS in your template preview.
Nota
[en] Because there are regular updates to the Cookie Consent application, elements IDs used for CSS can change. OneTrust recommends testing custom CSS added in your template on a staging site before publishing a production CDN script.
[en] This section allows you to select different types of IAB descriptions.
Importante
[en] These descriptions are enforced by IAB and cannot be edited. To add custom text to an IAB enforced description, please contact OneTrust Support or your account representative.
[en] Field
[en] Description
[en] Select a Description
[en] Select an IAB description.
[en] IAB Enforced Description
[en] The IAB-source description populates this field.
Enlace de la política de cookies
Campo
Descripción
Enlace de la política de cookies
Introduce el texto que se mostrará para el enlace a la política de cookies.
Dirección URL de la política de cookies
Introduce una URL para la política de cookies.
Valor de lector de pantalla (etiqueta Aria)
Introduce un valor de lector de pantalla para el enlace a la política de cookies.
Nota
[en] When configured for a CTV Preference Center, the Cookie Policy Link will display as a QR code on the Preference Center and Vendor Details tabs.
[en] Enable to display an imprint link on the banner.
Nota
[en] This link is optional and can be used alongside the Cookie Policy link.
[en] Imprint Link URL
[en] Enter a URL for the link.
[en] Imprint Link Screen Reader Value (aria-label)
[en] Enter a value for the imprint link aria label.
Enlace de la lista de proveedores
Campo
Descripción
Enlace de la lista de proveedores
Introduce un nombre para el enlace a la lista de proveedores sin filtrar.
Valor del lector de pantalla del enlace de la lista de proveedores (etiqueta Aria)
Introduce un valor de lector de pantalla para el enlace a la lista de proveedores.
Lista de categorías y propósitos
Campo
Descripción
Título
Introduce un título para la lista de categorías y propósitos.
[en] Show Always Active Label
[en] Enable this setting to display the Always Active label. This label displays for the categories (and/or IAB purposes) configured with a notice-only consent model, such as Strictly Necessary.
Etiqueta de "Siempre activo"
Introduce el texto que se usará cuando una categoría o un propósito estén siempre activos.
[en] Description Details (IAB templates only)
[en] Select Legal Text or User Friendly Text.
[en] Link To Full Legal Text (IAB templates only)
[en] Enter text for the link to full legal text if User Friendly Text is selected for the Description Details field.
[en] Links Position (IAB templates only)
[en] Select Before Description Details or After Description Details.
Enlace para la lista de cookies
Introduce el texto para el enlace a la lista de cookies.
Enlace de la lista de proveedores
Introduce el texto para el enlace a la lista de proveedores.
Configurar botones
Campo
Descripción
Botón Permitir todo
Texto del botón Permitir todo.
Mostrar el botón de Rechazar todo
Activa esta opción para mostrar el botón Rechazar todo.
Botón Rechazar todo
Texto del botón Rechazar todo.
[en] For IAB templates only, when the Show Reject All Button setting is enabled, you can configure how the button interacts with Legitimate Interest.
Nota
[en] This feature is currently under preview. If your organization would like to enable the feature, please contact OneTrust Support.
Botón Confirmar
Texto del botón Confirmar preferencias.
Mostrar el botón de cerrar
Activa esta opción para mostrar el botón Cerrar. Permite al usuario salir del centro de preferencias sin confirmar las opciones.
[en] You can select a traditional close button (X) or a Continue Without Accepting link depending on your business needs and compliance requirements.
Valor de lector de pantalla (etiqueta Aria)
Texto leído del botón Cerrar.
[en] Continue Without Accepting Link
[en] If Continue Without Accepting Link is selected, enter text for the Continue Without Accepting link.
Nota
[en] This option leaves the consent “as-is” based on the default consent model configured in the geolocation rules.
[en] Object to Legitimate Interests (IAB templates only)
[en] Enter text to show on the Object to Legitimate Interests button.
Nota
[en] Only applicable if the Show Object to Legitimate Interest as a button setting is enabled.
[en] Remove Objection (IAB templates only)
[en] Enter text to display for the Remove Objection link.
Nota
[en] Only applicable if the Show Object to Legitimate Interest as a button setting is enabled.
[en] Objection Applied (IAB templates only)
[en] Enter text to display when an objection to Legitimate Interests is applied.
Activa el botón Configuración de cookies persistente.
Activa la visualización de un botón en la parte inferior derecha de tu sitio web para volver a explorar el centro de preferencias.
Para cambiar el botón de Configuración de cookies persistente mediante CSS, consulta ???.
[en] When this setting is enabled, OneTrust removes the persistent Cookie Settings hover button if other links to access the Preference Center are detected on the page.
[en] For IAB templates, the persistent Cookie Settings hover button is automatically enabled to allows users to easily access the Preference Center to update their consent preferences.
Lista de proveedores
[en] Non-IAB Templates
Campo
Descripción
[en] Allow All Consent Label
[en] Enter text to display for Allow All Consent.
[en] Back Button Screen Reader Value (aria-label)
[en] Enter screen reader text for the Back button.
Mostrar los proveedores generales
Activa esta opción para mostrar los proveedores generales configurados.
[en] You can configure the following fields if this setting is enabled:
Ver etiqueta de la lista de proveedores
Texto que se muestra para el enlace a la lista de proveedores.
[en] View Vendor List Screen Reader Value (aria-label)
[en] Enter screen reader text for the View Vendor List button.
[en] View Privacy Policy
[en] Enter text to display for the View Privacy Policy link.
[en] Vendor Level Opt-Out
[en] Enable this setting to enable users to individually allow or reject vendors based on their preferences
Nota
[en] If a cookie within the vendor belongs to the Strictly Necessary or Always Active category, the vendor level opt-out option will not be available to the user.
Mostrar lista de cookies
Activa esta opción para mostrar la lista de cookies dentro de la lista de proveedores y elegir las propiedades de cookies que se mostrarán.
[en] You can configure the following fields if this setting is enabled:
[en] Cookie List Title
[en] Enter text to display for the Cookie List title.
[en] Vendor List Title
[en] Enter text to display for the Vendor List title.
[en] Cookie List Filter Screen Reader Value (aria-label)
[en] Enter screen reader text for the Cookie List filter.
[en] First-Party Cookies
[en] Enter text to display that identifies first-party cookies.
[en] Show Host
[en] Select to display a cookie's host.
[en] Show Duration
[en] Select to display a cookie's duration.
[en] Show Type
[en] Select to display a cookie's type.
[en] Show Category
[en] Select to display a cookie's category.
[en] Show Description
[en] Select to display a cookie's description.
[en] Link to Cookiepedia
[en] Select to display a link to Cookiepedia.
[en] Name
[en] Enter text to display for the cookie name.
[en] Duration Label
[en] If Show Duration is selected, enter text for the Duration label.
[en] Type Label
[en] If Show Type is selected, enter text for the Type label.
[en] Category Label
[en] If Show Category is selected, enter text for the Category label.
[en] Description Label
[en] If Show Description is selected, enter text for the Description label.
[en] Host Label
[en] If Show Host is selected, enter text for the Host label.
[en] First Party
[en] Enter text for the First Party label.
[en] Third Party
[en] Enter text for the Third Party label.
[en] IAB Templates
[en] Field
[en] Description
[en] Title
[en] Enter text to display for the Vendor List title.
[en] Description
[en] Enter text to display for the Vendor List description.
[en] View Privacy Policy
[en] Enter text to display for the View Privacy Policy link.
[en] Allow All Consent Label
[en] Enter text to display for Allow All Consent.
[en] Back Button Screen Reader Value (aria-label)
[en] Enter screen reader text for the Back button.
[en] IAB Vendors List Link
[en] Enter text to display for the link to the IAB Vendor List.
[en] View IAB Vendor List Screen Reader Value
[en] Enter screen reader text for the IAB Vendor List.
[en] IAB Vendor Label
[en] Enter text to display for the IAB Vendor label.
[en] Max Duration Label
[en] Enter text to display for the Max Duration label.
[en] Non-cookie Usage Description
[en] Enter text to display for the Non-cookie Usage Description.
[en] Device Storage Disclosure Label
[en] Enter text to display for the Device Storage Disclosure label.
[en] Identifier Label
[en] Enter text to display for the Identifier label.
[en] Type Label
[en] Enter text to display for the Type label.
[en] Purposes
[en] Enter text to display for the Purposes label.
[en] Domain Label
[en] Enter text to display for the Domain label.
[en] Domains Used
[en] Enter text to display for the Domains Used label.
[en] Use
[en] Enter text to display for the Use label.
[en] Use Google’s Additional Vendors
[en] Enable this setting to leverage Google's Additional Vendors. Learn more here.
[en] Field
[en] Description
[en] Google Vendors Label
[en] Enter text to display for the Google Vendors label.
[en] Show General Vendors
[en] Enable this setting to display your configured General Vendors.
[en] You can configure the following fields if this setting is enabled:
[en] View Vendor List Label
[en] Enter text to display for the Vendor List button.
[en] View Vendor List Screen Reader Value (aria-label)
[en] Enter screen reader text for the View Vendor List button.
[en] View Privacy Policy
[en] Enter text to display for the View Privacy Policy link.
[en] Vendor Level Opt-Out
[en] Enable this setting to enable users to individually allow or reject vendors based on their preferences
Nota
[en] If a cookie within the vendor belongs to the Strictly Necessary or Always Active category, the vendor level opt-out option will not be available to the user.
[en] Show Cookies List
[en] Enable to show the Cookies List within the Vendor List and choose the cookie properties to display.
[en] You can configure the following fields if this setting is enabled:
[en] Cookie List Title
[en] Enter text to display for the Cookie List title.
[en] Vendor List Title
[en] Enter text to display for the Vendor List title.
[en] Cookie List Filter Screen Reader Value (aria-label)
[en] Enter screen reader text for the Cookie List filter.
[en] First-Party Cookies
[en] Enter text to identify first-party cookies.
[en] Show Host
[en] Select to display a cookie's host.
[en] Show Duration
[en] Select to display a cookie's duration.
[en] Show Type
[en] Select to display a cookie's type.
[en] Show Category
[en] Select to display a cookie's category.
[en] Show Description
[en] Select to display a cookie's description.
[en] Link to Cookiepedia
[en] Select to display a link to Cookiepedia.
[en] Name
[en] Enter text to display for the cookie name.
[en] Duration Label
[en] If Show Duration is selected, enter text for the Duration label.
[en] Type Label
[en] If Show Type is selected, enter text for the Type label.
[en] Category Label
[en] If Show Category is selected, enter text for the Category label.
[en] Description Label
[en] If Show Description is selected, enter text for the Description label.
[en] Host Label
[en] If Show Host is selected, enter text for the Host label.
[en] First Party
[en] Enter text for the First Party label.
[en] Third Party
[en] Enter text for the Third Party label.
Filtro
Campo
Descripción
Aplicar filtros
Introduce el texto para el botón Aplicar filtro.
Cancelar filtros
Escribe el texto para el botón Cancelar filtros.
Eliminar filtro
Introduce texto para el botón Eliminar filtro.
[en] Search Vendor List
[en] Enter text to display in the Search field on the Vendor List.
[en] Search Cookie List
[en] Enter text to display in the Search field on the Cookie List.
[en] Host Not Found Label
[en] Enter text for the Host Not Found label.
[en] Vendors Not Found Label
[en] Enter text for the Vendors Not Found label.
[en] Screen Reader Announcement for Apply Action
[en] Enter screen reader text to announce an applied action.
[en] Screen Reader Announcement for Filter Clear Action
[en] Enter screen reader text to announce that filter are cleared.
ID de usuario
Nota
[en] You must enable the Capture Records of Consent setting in the template's geolocation rule in order for these fields to populate. For more info, see Configuración de reglas de geolocalización.
Campo
Descripción
Mostrar el ID de usuario
Permite mostrar un ID de usuario asociado a un usuario en el centro de preferencias.
Título
Introduce un título para el ID de usuario.
Mostrar la descripción
Activa esta opción para mostrar una descripción del ID de usuario.
Descripción
Introduce una descripción.
Activar marca de tiempo
Permite mostrar una marca de tiempo de la configuración de consentimiento más reciente del usuario (UTC).
[en] If no previous interactions exist, this will display a timestamp for the first time users make a selection on the Banner or Preference Center.
Título de la marca de tiempo
Escribe un título para la marca de tiempo.
Texto aún sin consentir
Introduce el texto que quieras mostrar antes de que se otorgue el consentimiento.
[en] Show Divider Bar (mobile Preference Centers only)
[en] Enable to show a divider bar.
[en] Opt Out Signal
Nota
[en] This notification is only available in the Preference Center for scripts on OneTrust 202211.1.0 or later.
[en] Field
[en] Description
[en] Enable Opt-Out Signal Notification
[en] Enable the setting to display a notification on cookie banners and preference centers that the opt-out preference signal has been honored.
[en] The opt out notification displays after being enabled in the template if any of these three conditions are met:
[en] A user has explicitly opted out of any cookie categories in the Banner or Preference Center
[en] Notification
[en] Enter the notification text to display to your end users.
Configuración avanzada
[en] In this section you can bundle cookie categories and IAB Purposes (when applicable) to associate related categories to each other. For example, for a CCPA, you can bundle any categories that use personal data.
[en] A Bundle Group will be given a unique category ID within the OneTrust datalayer variable, OnetrustActiveGroups. For reference, the ID could display as SPD_BG. When a user opts into the bundle group, the ID for the bundle group and IDs for categories within the bundle group will populate in OnetrustActiveGroups. When a user opts out, the bundle group ID as and IDs for the categories grouped within it will not populate in the variable.
[en] Bundle group IDs may change when a new script version is released. OneTrust does not recommend using bundle group IDs when configuring cookie blocking. OneTrust recommend using a cookie category ID for one of the categories bundled within a group when configuring blocking for bundle groups, similar to how you would configure blocking if you were not using a bundle group. If you do choose to configure blocking using a bundle group ID, you must check if the bundle group ID has changed with a new release and update your implementation accordingly.
Campo
Descripción
Agrupar las categorías
Nota
Los grupos de paquetes personalizados generan nuevos ID cuando se crean nuevas versiones de plantillas. Recomendamos utilizar los ID de categoría para todos los detonantes de etiquetas, scripts o SDK. Si decides desactivar los ID de grupo de paquetes, deberás actualizar tu implementación cuando se genere una nueva versión de plantilla.
[en] To create a Bundle Group
Haz clic en el botón Agrupar las categorías.
Introduce un nombre de grupo y una descripción (opcional).
En el campo Seleccionar subgrupos, selecciona las categorías de cookies que quieras agrupar en el encabezado del grupo de paquetes.
Haz clic en el botón Crear.
Una vez que hayas creado el grupo, podrás actualizar la configuración del grupo. Para acceder a la configuración, haz clic en el icono del menú contextual ubicado al lado del grupo y selecciona Configuración.
[en] Settings
En la configuración del grupo, puedes actualizar el nombre del grupo, la descripción del grupo, ver los subgrupos (categorías) dentro del grupo de paquetes y configurar los siguientes ajustes:
Mostrar subgrupos: elije mostrar o no las categorías en el grupo de paquetes.
Mostrar descripciones de subgrupos: si elijes mostrar los subgrupos, puedes mostrar o no las descripciones.
Exclusión de subgrupo: esto permitirá a los usuarios elegir qué categorías dentro del grupo de paquetes quieren incluir o excluir. Si esta configuración está desactivada, los usuarios solo podrán incluir o excluir en el nivel de grupo de paquetes.
Puedes quitarlo haciendo clic en los tres puntos del lado del grupo y, a continuación, en "Desagrupar".
[en] To disable a category
[en] Click the Context Menu icon next to a category name. The Context menu appears.
[en] Select Disable.
Crear una Stack
Crea una pila a partir de objetivos y características especiales para IAB TCF 2.0
En el menú Consentimiento de cookies, ve a la pestaña Plantillas. Aparecerá la pantalla Plantillas.
Selecciona tu plantilla IAB TCF 2.0.
Ve a la pestaña Centro de preferencias.
Abre la pestaña Configuraciones avanzadas.
Activa la opción Permitir el interés legítimo.
Publica el script para que los cambios entren en vigor.
Actualización a la nueva plantilla de centro de preferencias
Puedes optar por actualizar a las nuevas plantillas del centro de preferencias. Estas nuevas plantillas se diseñaron para proporcionar una interfaz de usuario más fluida y mejorar el cumplimiento normativo con WCAG. Estos cambios no tendrán efecto hasta que se publique el dominio.
Nota
Los cambios en el código CSS del centro de preferencias significan que las páginas con el código CSS personalizado pueden no funcionar como se esperaba. La plantilla del centro de preferencias se puede revertir si surgen problemas. Los cambios se describen en el enlace Visualización de cambios en el CSS.
[en] To manage Preference Center languages
[en] The Language field displays all languages that are available for a template. Only languages that are enabled for the template will appear in the selection menu.
[en] You can add additional languages for the Preference Center and select from the Advanced Languages section to cover additional language HTML code options that may be used on your website. For more information on how OneTrust language detection can work on your website, see the Enable Language Detection on Scripts section in Implementación de scripts de Consentimiento de cookies.
Nota
[en] Only out-of-the-box OneTrust Preference Center text is automatically translated for applicable languages. Any custom text changes made to a template are not automatically translated to other languages. For these changes to translate, you must provide your own translations in the template.
Sugerencia
[en] In your Preference Center script, you can define language codes using underscores or hyphens.
[en] Example: en-US or en_US.
[en] On the Cookie Consent menu, select Templates. The Templates screen appears.
[en] Click on the name of the template. The Template Details screen appears.
[en] Click the Manage Languages button. The Manage Languages modal appears.
[en] Select the checkboxes for the languages you want to enable. You can select a new default language by selecting the check box in the Default column.
Nota
[en] If you want to select languages based on locality, enable the Show Advanced Languages setting.
