Quantcast Choice es un CMP (Consent Manager Plataform) que podríamos traducir como plataforma o herramienta de gestión del consentimiento, que: «cumple con el Marco de Transparencia y Consentimiento validando su versión V.2.0 por la IAB Europe, siglas de la asociación a nivel europeo para el ecosistema de marketing y publicidad digital.» Según indica en este artículo la empresa LexBlogger, empresa especializada en implementación de la política de pricvacidad, cookies y otros temas legales en páginas web.
He decidido hacer este post sobre Quantcast para la implementación y configuración del banner de aviso de cookies en WordPress, por varias razones:
i.- Porque es la herramienta que utilizan en Lexblogger para mostrar el aviso de Cookies. Por si no lo sabes, Lexblogger es una empresa especializada en asuntos legales para páginas web. Por lo que, que hayan elegido esta aplicación aporta mucha confianza.
ii.- Se implementa con un código, no es necesario instalar un plugin. Tu web siempre cargará un poco más rápido que con un plugin.
Aquí te dejo también una interesante guía ofrecida por QuantCast, por si quieres profundizar más en alguno de los puntos que se mencionan en el post. (está en inglés. Pero seguro que tienes Google Translate 😉
Nota 1: En este post te voy a explicar como implementar y configurar el banner de aviso de cookies de QuantCast. Evidentemente, esta no es una web sobre legislación, sino de diseño web. Por lo que te recomiendo que verifiques la configuración con la empresa que te lleva los temas legales de la web. Si no tienes ninguna, te recomiendo que eches un vistazo a Lexblogger, que es sin duda la opción más económica para tener tu web 100% legal.
Nota 2: En cualquier caso, como indica Quantcast en esta página: “Privacidad por defecto: si tiene dudas acerca de lo que las leyes de privacidad y protección de datos requieren que haga, aproveche la configuración predeterminada de Choice. Hemos ajustado cuidadosamente el valor predeterminado para ayudar a reducir el riesgo de incumplimiento. Una gran personalización conlleva una gran responsabilidad: cambie los valores predeterminados solo después de considerar cuidadosamente las implicaciones y después de haber consultado con su equipo de privacidad y / o legal. Incluso algo tan básico como cambiar el esquema de color del CMP puede tener graves consecuencias. Por ejemplo, si cambia inadvertidamente el color del texto o los botones para que resulten difíciles de leer o invisibles sobre el fondo”. Por lo que utilizaremos principalmente la configuración por defecto.
DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES
CÓMO CONFIGURAR EL AVISO DE COOKIES DE QUANTCAST
- 0.- Vídeo configuración Quantcast Choice
- 1.- Darse de alta gratis en Quantcast
- 2.- Crear una propiedad en QuantCast
- 3.- Crear un tema o theme en Quantcast
- 4.- Asociar el tema o theme a la propiedad
- 5.- Copiar el código de QuantCast en Wordpress
- 6.- Añadir el código de QuantCast a Wordpress
- 7.- Probar el banner o aviso de cookies de QuantCast
0.- Vídeo configuración Quantcast Choice
1.- Darse de alta gratis en Quantcast
Para poder utilizar el PopUp o banner de aviso de cookies de QuantCast tienes que darte de alta en su página web. Es totalmente gratis
Para ello haz clic en el siguiente botón para ir a Quantcast Choice y después haz clic en el botón “Get Started” situado en la parte central de la pantalla.
IR A QUANTCAST CHOICE
Ahora, rellena el formulario con tu email, contraseña, nombre y apellido y haz clic en “Register”.
A continuación, ve a tu buzón de correo para verificar el email que has aportado a Quantcast.
Ahora, ya puedes acceder a la administración de tu cuenta en QuantCast. Para ello, ve a la página inicial de Quantcast y haz clic en el enlace “Sing in” que hay en el menú.
IR PÁGINA INICIO DE QUANTCAST
Introduce tu email y contraseña y accederás a la administración de QuantCast.
2.- Crear una propiedad en QuantCast
Muy importante!!!!. Para crear la propiedad en el lugar adecuado, has de hacer clic en “Privacy” en el menú superior. Tras hacer clic estarás en “Privacy > properties”.
Hecho esto, haz clic en el botón: “PROTECT A SITE” para crear la propiedad de tu web.
Campos a rellenar:
Site url: aquí debes poner el dominio al que quieres aplicar Quantcast. Mucho ojo, mira en otra pestaña del navegador como carga la home de tu web. Si muestra las www ponlas también, si no muestra las www no las pongas. Es decir, tendrás que poner www.misitioweb.com o misitioweb.com, si no lo pones correctamente el banner de cookies no se mostrará
Apply to all my subdomains: esta opción NO la marcaremos
AMP Site: esta opción NO la marcaremos. A menos que tu web use la tecnología AMP.
Site Name: nombre del sitio web
Site Logo: puedes poner la url del logo de tu web, si quieres que se muestre en el banner de aviso de cookies (url de tu web donde esté localizado este recurso)
Choose a theme: la plantilla o theme es lo que dará la apariencia al banner de aviso de cookies de Quantcast. En el siguiente apartado crearemos una plantilla o theme personalizada. Por el momento deja seleccionada “Default”, que es la plantilla que viene por defecto.
GDPR: Selecciona esta opción, ya que quieres regular la RGPD o GDPR.
CCPA: NO marques esta opción, ya que es una normativa americana que no aplica en Europa.
CMP Version: aquí selecciona la última versión de la aplicación de QuantCast. En el ejemplo, es la 23 (latest 23)
Publisher country code: aquí selecciona “Spain” (no busques España).
Which users shoud be asked for consent: aquí selecciona a quién vas a mostrar el banner de cookies. Según indica Quantcast, si estás en un país de la EA (comunidad europea) debes mostrar el aviso a todos. Por lo que selecciona “Everyone”
Consent scope – ask user for consent for: aquí marca “Your site only”.
Show new vendors every…: en esta opción voy dejar el tiempo por defecto de 30 días. Estás estableciendo el tiempo que pasará hasta que se le vuelva a mostrar el popup a una usuario que ya haya establecido sus preferencias de consentimiento.
Yout consent configuration: dejaré la configuración por defecto
Google vendors: dejaré la configuración por defecto
A continuación, haz clic en el botón “SAVE CHANGES” para guardar los cambios.
3.- Crear un tema o theme en Quantcast
Una vez creada la propiedad, has de crear el tema o plantilla para asociarla al banner de cookies que has creado en el apartado anterior. La plantilla te aportará la parte estética del banner.
Para crear un tema o plantilla haz clic en “themes” y a continuación, clic en el botón: “CREATE A THEME”.
Para hacer una previsualización del diseño haz clic en el botón: «PREVIEW GDPR MODE». Después, haz clic en el botón «CLOSE»
Campos a rellenar:
Theme Name: pon el nombre que quieras a la plantilla
Regulation: marca la opción GDPR. No marques la opción CCPA
CMP UI Language: selecciona Spanish
Initial screen: aquí elegirás como mostrar el contenido de la página principal del banner. Seleccionaré “Summary view”.
Summary view Display options: aquí elegirás si quieres que el banner se muestre como un popup o como un slide-in. En mi caso, voy a seleccionar “Botton tray modal” para que se muestre el banner como un slide-in.
Primary button text: texto a mostrar para la aceptación. Lo dejaré tal cual está
Secundary button text: lo dejamos tal cual está.
Body text color: color general del texto que aparecerá en el banner. Como voy a poner un color de fondo blanco, voy a dejar el gris para el texto. Por lo tanto, lo dejo tal cual está.
Link color: color de los enlaces
Background color: color de fondo del banner. Voy a dejar el blanco que viene por defecto
Toggle Active color: color de los selectores cuando están activados. En este caso, voy a color un color azul-> #25ABD4
Primary button color: color de fondo de los botones primarios (los de aceptar). Aquí voy a poner un color de fondo naranja que llame la atención: #EAA24F
Primary button text color: color del texto de los botones primarios. Aquí voy a dejar el blanco: #FFFFFF
Secundary button color: color de fondo de los botones secundarios (los que no son de aceptar). En este caso voy a poner un color de fondo blanco que no llame mucho la atención: #FFFFFF
***Para hacer una previsualización del diseño haz clic en el botón: «PREVIEW GDPR MODE». Después, haz clic en el botón «CLOSE»
Secundary button text color: color del texto de los botones secundarios. Aquí voy a poner un color azul: #25ABD4
Show disagree button on the sumary view: marca este checkbox para que aparezca el botón de “no aceptar” en la página principal del banner.
Disagree button text: desde aquí podríamos personalizar el texto del botón de “no aceptar”. Lo voy a dejar tal cual está.
Custom footer links: aquí podrás añadir enlaces de interés como el de la política de cookies de tu sitio web. Que se correspondería con la segunda capa informativa. En el campo de la izquierda voy a poner “política de cookies” y en el campo de la derecha la url de la política de cookies de mi web.
Customize purpose screen: en este caso voy a dejar la opción por defecto de mostrar pila: use stacks
Display persistent link: marca este checkbox para mostrar un botón que enlace al popup y que esté siempre presente en la navegación del usuario por la web por si quiere hacer alguna modificación.
Persistent consent link label: en cuanto al texto de ese botón, dejaré la opción por defecto: “Privacidad”.
Persistent consent link location: también dejaré la opción por defecto “bottom right” para que dicho botón se muestre en la parte inferior derecha de la web.
A continuación haremos clic en el botón “SAVE & EDIT THEME” y ya tendremos nuestra plantilla creada.
4.- Asociar el tema o theme a la propiedad
Una vez creado el tema, theme o plantilla lo que haré será asociarlo a la propiedad que he creado anteriormente.
Para eso, haz clic en “Privacy” y te aparecerá la propiedad que has creado anteriormente, ya que realmente estás en “Privacy > Properties”.
Nota: Mucho ojo, y no te vayas a la opción “Properties” que hay en la barra superior del menú junto a “Privacy”, ya que esa opción es para crear propiedades con otro objetivo diferente al de mostrar el banner de aviso de cookies.
Para editar la propiedad haz clic en el icono en forma de lápiz.
En el selector “choose a theme” selecciona el tema o plantilla que acabas de crear y haz clic en el botón “SAVE CHANGES” para guardar los cambios.
5.- Copiar el código de QuantCast en WordPress
A continuación vuelve a hacer clic en “Privacy” y después haz clic en el botón “</> UNIVERSAL TAG”.
Te aparecerá el código que debes poner en el header de tu sitio web.
Para copiarlo, puedes hacer clic en “copy tag”. Si lo copias tras seleccionarlo asegúrate que copias todo el código, ya que si no lo hace correctamente, tendrás problemas en la visualización del banner.
Ten en cuenta que cuando pongas ese código en el header de tu web, puede pasar aún algún tiempo hasta que comience a visualizarse el banner de cookies. Puede no ser inmediato.
6.- Añadir el código de QuantCast a WordPress
Para añadir el código en el header de la web utilizando wordpress voy a instalar el plugin gratuito: Insert headers and footers
Plugin insert headers and footers: https://es.wordpress.org/plugins/insert-headers-and-footers/
Una vez instalado y activado has de ir a: “Ajustes > Insert headers and footers”.
En el área de texto “Scripts en la cabecera” pega el texto que copiaste al hacer clic en botón “</> UNIVERSAL TAG”.
A continuación, haz clic en el botón “Guardar” situado en la parte inferior.
Nota: Si tu plantilla tiene una zona especial en la configuración para añadir scripts en la cabecera puedes probar a pegar el código ahí. En el caso de Divi, he probado el área de texto previsto para añadir código al header y no funciona correctamente.
Para probar el banner has de abrir una pestaña privada del navegador y poner la url de la home de tu sitio web.
Si no te aparece el banner, espera unas horas y vuelve a probar. No siempre se activa de manera inmediata.
Soy Blogger y formador profesional. Me gustaría que este blog te sirviera para conocer más de cerca el mundo del diseño web y de WordPress. Mi proyecto online es una plataforma de formación online tipo membership site, denominada cursotiendaonline.com donde podrás acceder a todos los cursos por solo 10 €/mes
Hola.
Este sitio web muestra un excelente trabajo en su desarrollo, con una amplia variedad de recursos muy valiosos para los visitantes interesados en una presencia web.
Mi persona mantiene una pequeña página de afiliaciones que cerrará sus puertas el próximo mes de junio-2021, debido a su escaso rendimiento.
Por ello y, ante el abanico de nuevas normativas legales,utilicé el código Quantcast que ofrecé en el link de sus comentarios.
Ahora parece obsoleto y requiere una actualización del mismo… Comprendo que es pedir demasiado pero ¿Podría usted incluir el nuevo código actualizado?
Como egoísta, ello me ahorrará este aprieto legal hasta el momento de la clausura…
Muchas gracias en cualquiera de los casos.
Hola María.
El post ya está actualizado y el vídeo también a la última versión de Quantcast
Sigue el vídeo o el post para que veas como se configura la nueva versión de Quantcast
un saludo
Hola Joaquín,
muchas gracias, lo estoy probando pero el texto que sale es mucho más extenso que el que muestras y no veo posibilidad de editarlo. ¿No se puede cambiar el texto del consentimiento?
Gracias y un saludo
Hola Pilar,
en esta última versión de QuantCast yo no he conseguido poder editar el texto de consentimiento.
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Curso diseñador web Freelance, Cursos sobre Divi, Curso Woocommerce, Curso como crear una tienda online de éxito, Astra Pro, Elementor, Curso sobre idexación web y alta en google, Flatsome, Cursos sobre SEO, sobre Mailchimp, blog WordPress, etc. etc.
Muy buenas.
Muchos me lo habéis estado pidiendo desde hace ya bastante tiempo. Ya tenéis el post actualizado con la nueva versión de Quantcast. Post actualizado en 2021. En breve también publicaré un vídeo actualizado.
gracias!!!
Muchas gracias Joaquín por el código, va genial! me gustaría saber si es posible eliminar el pie que aparece: Attention site owner: Free upgrade, get started here.
Hola Mar.
Ese enlace aparece para indicarte que existe una nueva versión de QuantCast. Puedes, acceder a Quancast, darte de alta de manera gratuita y utilizar el código que te dan de la nueva versión. Entonces, ya no te aparecerá ese enlace. Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Curso diseñador web Freelance, Cursos sobre Divi, Astra Pro, Elementor, Flatsome, Cursos sobre Woocommerce, Cursos sobre SEO, sobre Mailchimp, blog WordPress, etc. etc.
Buenas noches Joaquín,
Tengo una pregunta,… ¿Cómo traduces o tuneas el QuantCast TCF v2.0?
Antes te dejaba meter el texto que tu querías, y personalizarlo, sin embargo, ahora parece que no.
¿Se puede modificar el código para que aparezca otro texto?
¡Estaré atenta a la actualización de tu post!
Buenas.
La última versión de QuantCast, por el momento, no tiene opciones de personalización de diseño, como sucedía en versiones anteriores, como la que se muestra en el post. Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Curso diseñador web Freelance, Cursos sobre Divi, Astra Pro, Elementor, Flatsome, Cursos sobre Woocommerce, Cursos sobre SEO, sobre Mailchimp, blog WordPress, etc. etc.
Hola Joaquín, muchas gracias por el código, funciona perfecto!
Te quería preguntar si se puede quitar la pestañita que queda abajo a la derecha fija después de aceptar las cookies que pone privacidad. Le estoy dando vueltas al código, pero no se en que parte se puede eliminar.
Gracias de antemano y un saludo!
Hola estoy tratando de configurarlo en Prestashop
y he añadido el TAG en Warehousechild/templates/_partials/head.tpl
justo despues de
{block name=’head_icons’}
….
{/block}
y entre
{lieteral}
{/literal}
pero no consigo que salga el banner en la tienda…
¿Me puedes confirmar si se pega ahí en PS?
Muchas gracias.
Hola Joaquín,
Lo primero darte las gracias por realizar estos posts que tienen su peso en oro….
Lo segundo creo que algo hago mal, porque el panel de Quantcast ha cambiado mucho desde tu video hasta ahora… con lo que parece que no, pero me descoloca.
He intentado muchas cosas, y al final he tirado del plugin que está desfasado, miedo me da, porque el código que me genera lo inserto con el CSS u JS personalizado y nada de nada, mil y una cosas llevo ya y nada.
En la dashboard ya no puedes cambiar los textos pero si los colores de fondo y botones y en el plugin solo algunos textos, pero no los colores…. estoy en un callejón sin salida.
:_(
Hace no mucho Quantcast ha modificado su funcionamiento. En breve modificaré este post con las actualizaciones oportunas. Provisionalemente, te puedes descargar desde el siguiente enlace el código de Quantcast que utilizo en esta web y utilizarlo en tu web. Descarga el código, descomprímelo, cópialo y pégalo en el lugar que se indica en el vídeo->. ***DESCARGAR CÓDIGO*** ***Me gustaría también invitarte, si es posible, a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Cursos sobre Divi, Astra Pro, Elementor, Flatsome, Cursos sobre Woocommerce, Cursos sobre SEO, Analytics, sobre Mailchimp, blog WordPress, etc. etc.****
muy interesante! lo he instalado de forma manual y funciona correctamente. Gracias!
Muy bien Luis.
Como veo que te dedicas al diseño web, me gustaría invitarte a que eches un vistazo a mi plataforma de formación cursotiendaonline.com . Desde la cual puedes Acceder a TODOS mis cursos online por solo 10 €/mes + ¡¡SOPORTE!!. En la plataforma tienes cursos sobre WordPress, Cursos sobre la Plantilla Divi (incluso clases sobre Divi 4.0 y el theme builder), Cursos sobre Woocommerce, Cursos sobre SEO, sobre Mailchimp, blog WordPress, etc. etc. Para ver el temario de un curso en concreto, ve a cursotiendaonline.com busca el curso cuyo temario quieras ver y haz clic en «INFO CURSO» . Además, como te decía, los cursos inclye SOPORTE!!! ****
Gracias Joaquín!
A ti
Antonio
Buenas tardes, me gustaría saber si para prestashop existe algo parecido,uso warehouse como plantilla y su módulo de cookies se ha quedado corto. Muchas gracias.
Un saludo.
Buenas.
Este popup no es específico de WordPress. El script se puede usar en cualquier CMS, también en Prestashop
Hola Joaquín, buenas.
Primero decirte que compartir tus investigaciones en mejoras, me parece genial y se agradece.
Tengo algunas dudas, igual puedes aclarármelas.
El sevicio Quancast me parece muy bueno, algo agresivo, pero son las normativas legales lo que lo hacen así….y es lo que hay.
Me gustaría saber si conoces contraindicaciones de este servicio, por ejemplo con;
– Plugins de caché, incluido el CND. CloudFlare
– Plugin Autoptimize, carga la imagen al hacer scroll
– Las páginas en formato AMP del que no se permite otro tipo de código que el stándar.
(supongo que no se visualiza el popup en páginas amp..?? Google lo penalizaría..???)
Por último, creo que para usar el servicio hay que registrarse y añadirse a una lista de espera..??
Muchas gracias por tu tiempo.
Saludos
Hola Manu.
1.- La única pega que he visto es que con algunos constructores en la administración salta también el popup y hay que aceptarlo. Por ejemplo, me ha ocurrido con el Divi builder. Eso, si una vez lo he aceptado desde la administración ya no me vuelve a aparecer en bastante tiempo.
2.- Quantcast está preparando una actualización y ya no es posible acceder a la herramienta antigua. La lista es para que te informen cuando esté lista la nueva versión. Por el momento, he puesto un enlace para que os podáis descargar el código que utilizo yo en mi web.
un saludo
Buenos días Joaquín,
¡Muchas gracias por el tutorial!
En mi caso, he intentado rellenar el formulario de configuración de la web que indicas (https://www.quantcast.com/gdpr/quantcast-choice-self-serve/) pero me es imposible.
Parece que lo han desactivado, no se puede rellenar ningún campo.
Es muy extraño.
¡Gracias y saludos!
En este momento, parece que el servicio de Quantcasat está desactivado temporalmente. En cuanto, esté de nuevo activo lo indicaré aquí mismo.
Provisionalemente, te puedes descargar desde el siguiente enlace el código de Quantcast que utilizo en esta web y utilizarlo en tu web. Descarga el código, descomprímelo, cópialo y pégalo en el lugar que se indica en el vídeo.
***DESCARGAR CÓDIGO***
Hola Joaquín,
muchísimas gracias por compartir el código. ¡Me ha sido de gran ayuda!
Espero que pronto vuelvan a reactivar la herramienta.
Hola Marta.
Sí, parece que en breve van a sacar una nueva versión de la herramienta Quantcast
Hola Joaquín, estoy intentando entrar a Quantcast a través del enlace que has puesto pero me sale como bloqueado y no me deja meter ningún dato para configurar el pop up
En este momento, parece que el servicio de Quantcasat está desactivado temporalmente. En cuanto, esté de nuevo activo lo indicaré aquí mismo.
Provisionalemente, te puedes descargar desde el siguiente enlace el código de Quantcast que utilizo en esta web y utilizarlo en tu web. Descarga el código, descomprímelo, cópialo y pégalo en el lugar que se indica en el vídeo.
***DESCARGAR CÓDIGO***
¡Muchas gracias Joaquín!
Buenas tardes: tengo instalado el plugin Cookie notice en Divi y he puesto el script para bloquear las cookies de Google Analytic, pero no las bloquea. He probado varios plugin y siguen sin bloquearse. ¿Conoces algún otro plugin gratuito que las bloquee hasta que el usuario acepte?
Gracias de antemano.
Un saludo.
Gracias amigo, perfecto salio.
Hola Chuso.
Me alegro que te haya sido de utilidad este post sobre Quantcast y su aviso de cookies
Buenos días:
Siguiendo los pasos indicados, he creado el código para instalar el popup de política de cookies de Quantcast en WordPress.
En la web utilizo el tema FOODICA de wordPress y no sé donde tengo que ponerlo.
Podría ayudarme?
Muchas gracias
Hola Cándida.
No conozco esa plantilla que estás utilizando. Pero, al ser de pago, desde el soporte de la plantilla de deberían contestar a esa cuestión.
En cualquier caso, existen plugin para añadir código javascript independientemente de la plantilla que se esté utilizando, y que te debería servir perfectamente para tu caso. Por ejemplo, el plugin Simple Custom CSS and JS permite añadir código CSS y código javascript (que es el caso del código de Quantcast para mostrar el aviso de cookies).