Cómo añadir un banner de cookies en un sitio web Next.js

En esta guía te mostraremos la instalación de CookiePal en un sitio web Next.js

1 min de lectura

CookiePal te ayuda a garantizar que tu aplicación Next.js cumpla con el GDPR, CCPA, LGPD y otras leyes de privacidad mediante la gestión del consentimiento de cookies de los usuarios. Esta guía te guiará por los pasos para integrar CookiePal con tu aplicación Next.js.

1

Iniciar sesión en CookiePal

Iniciar sesión: ve a CookiePal e inicia sesión en tu cuenta.

2

Obtén el código de instalación

Generar código: en el dashboard de CookiePal, haz clic en el icono del archivo HTML para obtener el código de instalación. Consulta el gif a continuación para ver instrucciones detalladas sobre cómo hacerlo.

Copiar código: copia el código del script generado en el portapapeles.

3

Añade el script CookiePal a tu aplicación Next.js

Importar script: abre tu aplicación Next.js y busca el archivo layout.tsx.

Insertar script: copia el fragmento del dashboard y pégalo en el elemento <head> de tu diseño raíz de Next.js.

4

Inicializa CookiePal en tu aplicación Next.js

Guarda los cambios: guárdalos con tu herramienta de gestión de código preferida.

Despliega tu sitio web: despliega esta nueva versión usando tus métodos y automatización preferidos.

5

Verificar banner: vuelve al dashboard de CookiePal y comprueba que el banner de cookies esté activo en tu sitio web. El estado debería cambiar a "Activo".

Prueba de implementación: visita tu sitio web para asegurarte de que el banner de consentimiento de cookies aparezca correctamente y de que las cookies estén bloqueadas hasta que el usuario dé su consentimiento.

¿Te ha resultado útil esta guía?Gracias por tu opinión.
¿Sigues atascado?Ponte en contacto y te ayudaremos a poner tu banner en marcha.Contáctanos