Guía de configuración de Auto blocker

Activar Auto Blocker en la página de ajustes de Auto Blocker de nuestra app es muy sencillo. Por defecto, Auto Blocker funciona a través de nuestro app embed. Esto significa que nuestra app puede bloquear cualquier script que hayas seleccionado y que se cargue mediante una app que funcione como app embed o como app pixel.

Si cargas scripts manualmente en tu theme.liquid, o usas apps que no se cargan como app embed (apps legacy), sigue la Manual Setup que se indica a continuación. Además, si cargas scripts desde Google Tag Manager, tenemos una guía aquí sobre cómo hacer que funcione con nuestra plantilla de GTM.

Si encuentras algún problema con Auto Blocker (por ejemplo, sigues viendo un script en ejecución aunque se haya seleccionado para bloquearlo antes de dar el consentimiento), puedes seguir la Manual Setup de nuestro Auto Blocker, como se explica a continuación.

1. Configuración manual

La configuración manual consiste en inyectar nuestro script pandectes-rules.js al principio de tu tema.

1. En el administrador de Shopify de tu tienda, ve a Online Store > Themes > Edit code (en tu tema actual).

2. En el lado izquierdo, dentro de la carpeta Layout, abre el archivo theme.liquid.

3. Justo después de la etiqueta de apertura <head>, pega esto:

<!-- Pandectes Rules Manual Setup -->
<script src="{{ 'pandectes-rules.js' | file_url }}"></script>

4. Haz clic en Save.

2. Probar la configuración manual

Sigue los pasos siguientes para comprobar si el script pandectes-rules.js se carga correctamente en tu tienda Shopify:

2.1 Pasos

1. Abre el sitio web de tu tienda Shopify

Ve a tu tienda Shopify en producción, donde debería estar instalado el script.

2. Abre las herramientas de desarrollo

En Google Chrome

• Haz clic con el botón derecho en cualquier parte de la página y selecciona Inspect.
• También puedes pulsar Ctrl + Shift + I (Windows) o Cmd + Option + I (Mac) para abrir las herramientas de desarrollo.

3. Ve a la pestaña Console

Haz clic en la pestaña Console dentro del panel de herramientas de desarrollo. Aquí aparecerán los registros y errores de JavaScript.

4. Ejecuta el siguiente fragmento en la consola

En la consola, escribe el siguiente fragmento de código y pulsa Enter:

const scriptPath = "files/pandectes-rules.js";
const scripts = Array.from(document.getElementsByTagName("script"));
const scriptLoaded = scripts.some(script => script.src.includes(scriptPath));

if (scriptLoaded) {
   console.log(`Pandectes Rules script is correctly loaded!`);
} else {
   console.log(`Pandectes Rules script is NOT loaded.`);
}

if (window.PandectesBlocker || window.PandectesRules) {
  console.log("Pandectes Blocker object is available!");
} else {
  console.log("Pandectes Blocker object is NOT available.");
}

5. Interpreta los resultados

Si el script se carga correctamente, verás el mensaje:

Pandectes Rules script is correctly loaded!

Si el script no se carga, verás el mensaje:

Pandectes Rules script is NOT loaded.

Si el objeto Pandectes Blocker está presente, verás:

Pandectes Blocker object is available!

Si el objeto Pandectes Blocker no está disponible, verás:

Pandectes Blocker object is NOT available.

2.2 Notas adicionales

• Asegúrate de que el script se añade después de la etiqueta de apertura <head> de tu tema de Shopify.
• Si el script no se carga, revisa los archivos de tu tema para comprobar que la inyección del script es correcta, especialmente si hay problemas con la URL o con el momento de carga del script.

3. ¿Necesitas ayuda?

Si sigues teniendo problemas con las Integrations de nuestra app y necesitas ayuda, ponte en contacto con nuestro equipo de soporte a través del chat en vivo desde dentro de la app o por correo electrónico en [email protected]

Actualizado el: 19/10/2026