WPConsent le ofrece un potente control sobre los scripts y los iframes que se cargan en su sitio, lo que le garantiza el pleno cumplimiento de la normativa. Aunque WPConsent gestiona automáticamente muchos servicios comunes, es posible que tenga secuencias de comandos personalizadas (como píxeles de seguimiento o análisis) o iframes que deban bloquearse hasta que el usuario dé su consentimiento.

Esta guía le guiará a través del bloqueo de un script personalizado o iframe. El proceso consta de dos partes principales: en primer lugar, la creación de un "servicio" para el script, y en segundo lugar, decirle a WPConsent exactamente qué script o iframe bloquear.

Parte 1: Cree un servicio para su guión

Antes de poder bloquear una secuencia de comandos, debe asignarla a un servicio. Esto ayuda a tus visitantes a entender a qué están dando su consentimiento cuando gestionan sus preferencias.

1. Vaya a su panel de control de WordPress.
2. Vaya a WPConsent > Configuración
3. Verás tres pestañas en la parte superior, ve a la pestaña 'Cookies'.
4. Haga clic en el botón "Añadir un servicio".
5. En el formulario que aparece, rellene los siguientes datos:
   • Categoría: Elija una categoría para su servicio. Para píxeles de seguimiento o anuncios, Marketing es lo adecuado. Para herramientas de análisis, elija Estadísticas.
   • Nombre: Dale a tu servicio un nombre claro que tus visitantes reconozcan, por ejemplo, "Anuncios Reddit" o "GitHub".
   • Descripción: Explique brevemente la finalidad del servicio.
   • URL del servicio: Añade una URL a la política de privacidad del servicio si la tiene.
6. Haz clic en Guardar. Ya está. Su servicio ya está listo.
7. Añadir cookies relevantes (obligatorio): Una vez creado su servicio, aparecerá en la lista de la pestaña Cookies. Para una total transparencia con sus visitantes, es una gran idea añadir cualquier cookie que este servicio coloque en su navegador. Se requiere al menos una cookie.
   • Busque su nuevo servicio en la lista.
   • Haga clic en el botón Añadir una cookie.
   • Rellene la información de la cookie y guárdela.

Parte 2: Configurar el bloqueador de scripts personalizado

Con su servicio creado, ahora puede decirle a WPConsent qué script o iframe asociar con él.

1. Vaya a la pestaña "Avanzado" de WPConsent > Configuración.
2. Desplácese hacia abajo hasta el cuadro Custom iFrame/Scripts.
3. Haga clic en el botón "Añadir iFrame/Script personalizado".
4. Aparecerá un formulario de configuración. Rellenémoslo juntos:
   • Categoría: Seleccione la misma categoría que eligió para su servicio (por ejemplo, Marketing).
   • Servicio: En el menú desplegable, seleccione el servicio que acaba de crear (por ejemplo, "Anuncios Reddit").
   • Tipo: Elija si está bloqueando un Script o un Iframe.
   • Etiqueta Script/Iframe: Aquí añadirás una cadena o patrón único que actúa como plantilla para que WPConsent identifique el código que quieres bloquear (por ejemplo, www.redditstatic.com/ads/pixel.js). Cubriremos esto en detalle en el siguiente ejemplo.
   • Palabras clave del script (Script): Si el script incluye funciones JavaScript dependientes del script principal, añada aquí los nombres de esas funciones en una lista separada por comas (por ejemplo, fbq para Facebook Pixel) para bloquearlos hasta que se dé el consentimiento.
   • Elementos a bloquear (iFrame): Si el script modifica o se dirige a elementos HTML específicos por ID o clase, puede añadir aquí esos selectores en una lista separada por comas (por ejemplo, #my-chat-widget o .advertisement-banner) para ocultarlos hasta que se dé el consentimiento.
5. Una vez que haya rellenado los datos, haga clic en Guardar.

Nota rápida sobre los iframes personalizados

Para que WPConsent bloquee correctamente tus iframes personalizados, tendrás que asegurarte de que un par de ajustes están activados. No te preocupes, es una comprobación rápida.

1. Vaya a la pestaña principal WPConsent > Configuración.
2. Desplácese hasta la sección Bloqueo de contenidos y asegúrese de que el interruptor principal está activado.
3. Justo debajo, en la lista Contenido a bloquear, busca el servicio que has creado para tu iframe (por ejemplo, "Anuncios de Reddit") y asegúrate de que su casilla también está activada.

Ejemplo práctico: Bloqueo de un script Reddit Pixel

Veamos un ejemplo real. Imagina que has usado un plugin como WPCode o has añadido código a tu tema para un píxel Reddit para rastrear conversiones de anuncios. Así es como lo bloquearías con WPConsent.

Paso 1: Identifique el script original de su sitio web

Primero, necesitas encontrar el script completo que está actualmente en tu sitio web. El código de Reddit pixel se parece a esto:

<script>
!function(w,d,s,l,e){w[l]=w[l]||[];w[l].push({'start': new Date().getTime(),event:'reddit.pixel.load'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s);
j.async=true;j.src='https://www.redditstatic.com/ads/pixel.js';
f.parentNode.insertBefore(j,f);}(window,document,'script','rdtDataLayer'); 
rdt('init', 'T2_randomRedditPixel77'); 
rdt('track', 'PageVisit'); 
</script>

Paso 2: Crear la regla de bloqueo en WPConsent

Para bloquear este script, sólo tenemos que dar a WPConsent un trozo de texto único que buscar dentro de ese script. El identificador más fiable suele ser parte de la URL de origen del script (el src). En este caso, un identificador único es:

www.redditstatic.com/ads/pixel.js.

Siguiendo los pasos de la Parte 2 anterior, deberá introducir la siguiente cadena única en el campo Etiqueta Script/Iframe.

WPConsent ahora escaneará automáticamente el código de sus páginas, encontrará el script de Reddit más grande al coincidir con este patrón único, y evitará que se cargue hasta que el visitante dé su consentimiento a la categoría de Marketing. Este enfoque de plantilla asegura que el script se bloquee de forma fiable, incluso si otras partes del mismo cambian.

Solución de problemas

Si necesita comprobar si el bloqueo de script personalizado está funcionando:

1. Asegúrese de que el bloqueo automático de scripts está activado o de que no se ha dado el consentimiento para esa categoría.
2. Abra su sitio web en una ventana de navegación de incógnito/privada
3. Haga clic con el botón derecho y seleccione "Ver fuente de la página".
4. Busque scripts con atributos `type="text/plain"` y `data-wpconsent-category`: se están bloqueando correctamente.