FUNCIONALIDAD QUE INSERTA UN PANEL DE CONSENTIMIENTO DE COOKIES Y BLOQUEA LOS ELEMENTOS QUE PUDIERAN INSERTARLAS

«PDCookieConsent» es una librería JavaScript a través de la cual se pretende facilitar el bloqueo de aquellos elementos que pudieran incrustar cookies.
«PDCookieConsent» sirve para que el técnico del sitio web pueda insertar una ventana emergente (banner) que avise al visitante sobre la existencia de cookies, además de facilitar un medio para la gestión de aquellos elementos que pudieran generarlas, bloqueándolos y evitando que las generen hasta el posterior desbloqueo por parte del visitante.
¿Cómo insertar la librería en nuestro sitio web?
Insertar el siguiente script entre las etiquetas «head» y «/head», quedando por encima de cualquier otro script que pudiera haber entre las etiquetas mencionadas.

<link rel=»stylesheet» href=»https://pdcc.gdpr.es/pdcc.min.css»>
<script charset=»utf-8″ src=»https://pdcc.gdpr.es/pdcc.min.js»></script>
<script type=»text/javascript»>
PDCookieConsent.config({
«brand»: {
«dev» : true,
«name»: «SERPROSEG»,
«url» : «https://serproseg.es»,
«websiteOwner» : «bodegaslavenencia.com»
},
«cookiePolicyLink»: «»,
«hideModalIn»: [«»],
«styles»: {
«primaryButton»: {
«bgColor» : «#00FF3F»,
«txtColor»: «#036900»
},
«secondaryButton»: {
«bgColor» : «#B0E7EE»,
«txtColor»: «#333333″
}
}
});
</script>

IMPORTANTE: Si no se cumple este paso tal como se describe, «PD Cookie Consent» no funcionará correctamente.
¿Cómo se bloquean los elementos que insertan las cookies?
Mediante «PD Cookie Consent» se bloquean todos los elementos ««iframe»» y ««script»» que contengan una cadena de texto (una palabra, un fragmento de una URL o de un texto) no permitida. La razón de no bloquear todos los elementos por defecto es la de evitar que se rompan funcionalidades del sitio web que ya de por sí no generen cookies.
La cadena de texto que definirá si un elemento va a ser bloqueado está predefinida en una lista de la propia librería, elaborada teniendo en cuenta aquellas cadenas de texto que, por lo general, forman parte de elementos que siempre suelen insertar cookies.
Además, como cada sitio web es un mundo diferente, podemos encontrarnos con elementos que contengan una cadena de texto no permitida pero que no insertan cookies. También nos podemos encontrar con elementos propios de un sitio web que inserten cookies, pero como no son elementos comunes entre sitios web, la librería no los tiene en cuenta. Ante ambas situaciones se ofrece al técnico la posibilidad de ampliar o modificar la lista de la librería.
Las cadenas de texto que actualmente no están permitidas son: «facebook.», «linkedin.», «twitter.», «vimeo.», «youtube.», «ytimg», «google.com/maps», «googleusercontent», «gstatic», «maps.google.com», «maps.googleapis», «analytics», «googletagmanager», «urchin», «adwords», «doubleclick», «googleadservices», «googlesyndication», «googletagservices», «googletraveladservices».
Obsérvese que algunas de las cadenas de texto son palabras con un punto detrás (p. ej. «facebook.»).

¿Cómo funciona «PD Cookie Consent»?
Cuando un visitante accede a nuestro sitio web, la librería «PD Cookie Consent» observa cada uno de los elementos existentes en la página visitada y, si alguno de estos cumple los requisitos necesarios para ser bloqueado, se bloquea (consultar el apartado «¿Cómo se bloquean los elementos que insertan las cookies?» de este mismo documento).
Una vez observados todos los elementos de la página, la librería mostrará el panel «PD Cookie Consent» y generará una cookie de sesión nombrada «pd_cc», necesaria para el correcto funcionamiento de la página.

En la primera vista del panel, el visitante del sitio web podrá:
1. Leer el aviso que informa sobre las cookies.
2. Hacer clic en el enlace de la «Política de cookies».
o Para que se genere el enlace de «cookiePolicyLink» que se muestra en el banner «Para más información, consulte la política de cookies», es necesario que exista la URL de la política de cookies del dominio en el campo «URL Política de cookies» disponible en la ficha del sitio web (DOCUMENTACIÓN/INTERNET/SITIO WEB).
o Si no existen datos en el campo «cookiePolicyLink» no se mostrará el párrafo con el enlace a la «Política de cookies». Para evitarlo, se puede poner el enlace manualmente, por ejemplo, «https://demo.com/politica-cookies».
3. Aceptar todas las cookies del sitio web haciendo clic en «Aceptar».
4. Ir a la vista de configuración haciendo clic en «Configurar».
5. Cerrar el panel.
Si el visitante del sitio web pulsa el botón «Configurar», obtendrá una nueva vista:

En la vista de configuración el visitante podrá:
1. Volver a la vista anterior pulsando el enlace «<- Volver atrás».
2. Visualizar la lista con todos los dominios no permitidos, pudiendo:
o Aceptarlos de forma independiente.
o Rechazarlos de forma independiente.
o Visualizar aquellos que son nuevos y no se encontraban en la lista en una antigua visualización. Aparece el texto «(nuevo)» a su lado.
3. Aceptar todos los dominios a la vez pulsando el botón «Aceptar todas».
4. Rechazar todos los dominios a la vez pulsando el botón «Rechazar todas».
5. Guardar los cambios realizados mediante el botón «Guardar configuración». Es necesario guardar los cambios para que estos sean efectivos.
Una vez cerrado el panel, existe la posibilidad de volverlo a abrir de forma manual.
La librería ofrece una propiedad CSS para dicho propósito y cualquier elemento que la contenga actuará como un botón que abrirá el panel. Tan solo deberemos escoger un elemento cualquiera del DOM, como por ejemplo un enlace, e insertarle la propiedad (class=”pdcc-open-modal”).

<a href=»#» class=»pdcc-open-modal»>Panel Cookies</a>

Una vez el visitante haga clic en el enlace, o en otro elemento que contenga la propiedad ya mencionada, se abrirá la vista de Configuración del panel «PD Cookie Consent».
Además del panel «PD Cookie Consent», la librería también proporciona un mensaje que aparecerá en la parte superior del sitio web e informará al visitante de los elementos visuales que hayan sido bloqueados y que, en consecuencia, no se estén visualizando.

Ante este mensaje el visitante podrá:
• Informarse sobre el contenido bloqueado y que no se está visualizando, incluyendo la lista de los elementos bloqueados (en el caso de la imagen proporcionada, YouTube).
• En relación con la lista de elementos bloqueados podrá efectuar las siguientes acciones:
o Aceptar todos los elementos bloqueados de la página visitada haciendo clic en «Aceptar todas», quedando estos activos en el resto del sitio web (si existiesen). Una vez pulsado el botón se ocultará el mensaje.
o Abrir la vista de configuración pulsando el botón «Configurar», pudiendo efectuar cualesquiera de las acciones ya mencionadas en este mismo apartado del documento. El mensaje se ocultará una vez pulsado el botón «Guardar configuración», siempre y cuando se hayan aceptado todos los elementos listados en el mismo mensaje.

Ante cualquier duda sobre la configuración del script, contacte con ESTEBAN GONZALEZ YAÑEZ