Puedes personalizar el diseño, el estilo, el contenido y el comportamiento de la plantilla del aviso. Esto te permite crear una apariencia que coincida con el estilo de marca y las preferencias de comportamiento de tu organización.
[en] What is a Cookie Consent Banner?
[en] A Cookie Consent Banner is a pop-up that is displayed on websites that allows users to explicitly provide consent (e.g., accept or reject) to cookies that are available on the website.
Personalización de una plantilla del aviso
[en] Banners can be customized and created in two ways. This article details creating and customizing your Banner through the Templates section of Cookie Consent. To learn how to configure a banner when scanning a domain, see Scanning a Website.
En el menú Consentimiento de cookies, selecciona Plantillas. Aparecerá la pantalla Plantillas.
Haz clic en el nombre de la plantilla que quieres personalizar. Aparecerá la pantalla Detalles de la plantilla.
Selecciona el botón Navegador web para la Plataforma.
[en] Click the Save button for each template section you configure.
Haz clic en el botón Guardar plantilla.
[en] For the changes to reflect on your site, the respective domain's production or testing script must be republished.
Referencias de la pantalla de la plantilla de avisos
Diseño
[en] This section allows you to select how the banner is positioned on your website.
Diseño
Descripción
Opciones de posición
Centrado y redondeado
Muestra un aviso con esquinas redondeadas en el centro de la pantalla.
Predeterminado
Aviso de opciones
Muestra un aviso que presenta las categorías de las cookies de tu sitio y permite al usuario configurar sus preferencias.
Predeterminado
Plano
Muestra un aviso en todo el ancho de la pantalla.
Abajo
Arriba
Flotante y plano
Muestra un aviso que cubre la mitad del ancho de la pantalla.
Inferior izquierda
Inferior derecha
Flotante y redondeado
Muestra un aviso con esquinas redondeadas que cubre la mitad del ancho de la pantalla.
Inferior izquierda
Inferior derecha
Flotante y redondeado, ubicado en la esquina
Muestra un aviso con esquinas redondeadas que cubre la tercera parte del ancho de la pantalla.
Inferior izquierda
Inferior derecha
Icono flotante y redondeado
Muestra un aviso con esquinas redondeadas y un icono en la parte inferior de la pantalla.
Predeterminado
Sin aviso
Muestra el centro de preferencias en el primer nivel sin un aviso.
Nota
[en] If you do not want to display a modal when the user first visits your site and prefer to provide a link elsewhere for the user to update consent preferences, ensure you uncheck the Show Banner option in the geolocation rule.
[en] Additionally, selecting the No Banner layout option in the template does not have the same functionality as unchecking Show Banner in a geolocation rule.
[en] This section allows you to customize colors for buttons, text, and the background of the Banner, 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
Color del botón de Aceptar y Rechazar
Selecciona el color de los botones del aviso.
Continuar sin aceptar - Color del enlace
Selecciona el color para el texto del enlace Continuar sin aceptar.
[en] Save Choices Button
[en] Select the color for the Save Choices button.
Color del texto del botón
Selecciona el color del texto de los botones.
Color de texto
Selecciona el color del texto del aviso.
Color de fondo
Selecciona el color de fondo del aviso.
Color del texto del enlace
Selecciona el color del enlace de la política de cookies.
Color del fondo del acordeón
Selecciona el color de fondo del acordeón.
Nota
[en] Only applicable if you do not override Banner styling in the Preference Center.
Gestionar el color del botón de preferencias
Selecciona el color del botón del centro de preferencias.
Nota
[en] Only applicable if Cookie Settings is configured as a button on the Banner in the Content section.
Gestionar las preferencias de color del vínculo
Selecciona el color del enlace del centro de preferencias.
Nota
[en] Only applicable if Cookie Settings is configured to be a link on the Banner in the Content section.
Color del borde de enfoque
Selecciona el color del borde de un elemento en foco.
[en] Category Container Color
[en] Select the color of the category container.
Nota
[en] Only available for Banners with a Choices Banner layout.
[en] Category Style
[en] Select the display style of your categories, either Checkbox or Toggle.
Nota
[en] Only available for Banners with a Choices Banner layout.
[en] Your Logo
[en] Click the Upload button to upload a custom logo image.
[en] The optimum size for a logo in the Banner:
[en] Height: 60px
[en] Width: 60px
[en] Supported file formats are PNG, JPG, and JPEG with a maximum size of 2MB.
[en] Company Logo Screen Reader Value (aria-label)
[en] Enter screen reader text for your custom logo.
[en] Remove Logo
[en] Click to remove your logo file.
CSS personalizado
Introduce un CSS personalizado para dar estilo adicional al aviso.
[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.
Si se activa, se muestra un enlace de la página de responsabilidad en el aviso.
Nota
[en] This link is optional and can be used alongside the Cookie Policy link.
URL del enlace de la página de responsabilidad
Introduce una dirección URL para el enlace.
Valor del lector de pantalla del enlace de la página de responsabilidad (etiqueta Aria)
Introduce un valor para la etiqueta Aria del enlace de la página de responsabilidad.
Enlace a socios
Campo
Descripción
Enlace a socios
Muestra el nombre de un enlace a la lista de proveedores.
[en] When selected, the Partners Link it will direct the user to the Vendor List within the Preference Center.
Configurar botones
Campo
Descripción
Mostrar el botón de permitir todos
Habilita este ajuste para mostrar un botón en el aviso que permita aceptar todas las cookies y luego cierre el aviso.
Botón para permitir todas las cookies
Escribe el texto que aparecerá en el botón Permitir todas.
Mostrar el botón de configuración de cookies
Habilita este ajuste para mostrar un botón en el aviso que abre el centro de preferencias para permitir la selección granular de las preferencias de cookies.
Botón de configuración de cookies
Escribe el texto que aparecerá en el botón Configuración de cookies.
Cuando se usa el botón en una página web para acceder al Centro de preferencias de cookies
[en] Select Display the same Button Text as in banner to display the the same text on the Preference Center as configured on the Banner.
[en] Select Show other text to display custom text. You can add the text you want to display for the Cookie Settings button in the Other Text field.
[en] If Show other text is selected, enter the text for the Cookie Settings button.
Configuración de cookies - Botón de estilo
Elige si deseas mostrar la configuración de cookies como un enlace o un botón.
Mostrar el botón de Rechazar todo
Habilita este ajuste para mostrar un botón para rechazar todas las cookies.
Texto del botón Rechazar todo
Escribe el texto que aparecerá en el botón Rechazar todo.
Mostrar el botón de cerrar
Activa este ajuste para mostrar el botón de cierre en el aviso.
Valor de lector de pantalla (etiqueta Aria)
Introduce el valor para la etiqueta Aria del botón de cierre.
Nota
Las etiquetas Aria son metadatos para elementos de página sin texto. Cuando un visitante del sitio utiliza un lector de pantalla o una tecnología de asistencia similar, la etiqueta Aria se utiliza para identificar el elemento.
[en] Continue Without Accepting link
[en] If Continue Without Accepting Link is selected, enter the text to display 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] Opt Out Signal
[en] Field
[en] Description
[en] Enable Opt-Out Signal Notification
[en] Enable the setting to display a notification on your cookie Banners and Preference Center that the opt-out preference signal has been honored.
[en] The notification will display 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.
Comportamiento
[en] This section allows you to configure different behaviors for the Banner.
Campo
Descripción
Foco del aviso
Habilita esta opción para definir el foco inicial al cargar el aviso mediante una de las opciones que se encuentran a continuación.
Foco inicial - Banner
Selecciona esta opción para dirigir el foco inicial al aviso cuando se carga. Después de que se cierre el aviso o se interactúe con él, el foco será el cuerpo de la página.
Foco inicial - Enlace, botón
Selecciona esta opción para dirigir el foco inicial a la política de cookies o al enlace de la política de privacidad en el aviso. Después de que se interactúe con el aviso o se cierre, el foco será el primer elemento con pestañas.
Desactiva esta opción para permitir que el foco siga el orden natural de los elementos a medida que aparecen en la página.
Requerir interacción del aviso
Si se activa, impide el acceso al sitio hasta que el usuario acepta las cookies o cambia la configuración.
[en] Banner pushes down page
[en] Enable to insert the Banner above the page header instead of as an overlay.
Nota
[en] Only available for Banners with a Flat layout and Top position.
Animación de aviso
Selecciona una opción de animación para determinar cómo aparece el aviso.
Entrada gradual
Aparición gradual
Eliminar animación
Usar tamaños de fuentes asociados
Si se activa, el tamaño de fuente del aviso y el centro de preferencias se asociará con el tamaño de fuente definido por el HTML.
Gestión de los idiomas del aviso
[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 banner 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 Publishing and Implementing Cookie Consent Scripts.
Nota
[en] Only out-of-the-box OneTrust Banner 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 el script del aviso, puedes definir códigos de idioma mediante guiones bajos o guiones.
Ejemplo: es-ES o es_ES.
[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.
Haz clic en el botón Gestionar idiomas. Aparecerá el cuadro de diálogo modal Gestionar idiomas.
Selecciona las casillas de verificación de los idiomas que quieras habilitar. Puedes seleccionar un nuevo idioma predeterminado marcando la casilla de verificación en la columna Predeterminado.
Nota
Si quieres seleccionar los idiomas en función de la ubicación, activa la opción Mostrar opciones avanzadas para los idiomas.
Haz clic en el botón Guardar.
[en] Things to Know: Enhancing Banner Performance
[en] You can leverage the following configurations to potentially increase page load speed and improve Banner performance:
[en] Remove the banner load animation by selecting Remove Animation in the Banner Animation field. For more information, see Comportamiento.
