Guide de configuration de l'Auto blocker

Activer l'Auto Blocker dans la page Auto Blocker Settings de notre application le rend simple à utiliser. Par défaut, l'Auto Blocker fonctionne via notre app embed. Cela signifie que notre application peut bloquer tout script que vous avez sélectionné, qui se charge via une application fonctionnant comme app embed ou comme app pixel.

Si vous chargez manuellement des scripts dans votre theme.liquid, ou si vous utilisez des applications qui ne se chargent pas comme app embed (applications legacy), suivez la Manual Setup ci-dessous. De plus, si vous chargez des scripts depuis Google Tag Manager, nous avons un guide ici pour le faire fonctionner avec notre modèle GTM.

Si vous rencontrez des problèmes avec l'Auto Blocker (par exemple, vous voyez toujours un script s'exécuter alors qu'il a été sélectionné pour être bloqué avant le consentement), vous pouvez suivre la Manual Setup de notre Auto Blocker, comme expliqué ci-dessous.

1. Manual Setup

La configuration manuelle consiste à injecter notre script pandectes-rules.js en haut de votre thème.

1. Dans le Shopify Admin de votre boutique, allez dans Online Store > Themes > Edit code (sur votre thème actuel).
2. Sur la gauche, dans le dossier Layout, ouvrez le fichier theme.liquid.
3. Juste après la balise d'ouverture <head>, collez ceci :

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

4. Cliquez sur Save.

2. Tester la Manual Setup

Suivez les étapes ci-dessous pour vérifier que le script pandectes-rules.js est correctement chargé sur votre boutique Shopify :

2.1 Étapes

1. Ouvrez le site de votre boutique Shopify

Accédez à votre boutique Shopify en ligne où le script doit être installé.

2. Ouvrez les outils de développement

Sur Google Chrome

• Faites un clic droit n'importe où sur la page et sélectionnez Inspect.
• Vous pouvez aussi appuyer sur Ctrl + Shift + I (Windows) ou Cmd + Option + I (Mac) pour ouvrir les outils de développement.

3. Accédez à l'onglet Console

Cliquez sur l'onglet Console dans le panneau des outils de développement. C'est ici que les journaux et les erreurs JavaScript apparaissent.

4. Exécutez l'extrait suivant dans la console

Dans la console, saisissez l'extrait de code suivant et appuyez sur 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. Interprétez les résultats

Si le script est correctement chargé, vous verrez le message :

Pandectes Rules script is correctly loaded!

Si le script n'est pas chargé, vous verrez le message :

Pandectes Rules script is NOT loaded.

Si l'objet Pandectes Blocker est présent, vous verrez :

Pandectes Blocker object is available!

Si l'objet Pandectes Blocker n'est pas disponible, vous verrez :

Pandectes Blocker object is NOT available.

2.2 Notes complémentaires

• Assurez-vous que le script est ajouté après la balise d'ouverture <head> de votre thème Shopify.
• Si le script n'est pas chargé, vérifiez les fichiers de votre thème pour confirmer que l'injection du script est correcte, notamment en cas de problème avec l'URL ou le moment du chargement du script.

3. Besoin d'aide ?

Si vous rencontrez toujours des problèmes avec les intégrations de notre application et avez besoin d'aide, contactez notre équipe d'assistance via le chat en direct depuis l'application ou par e-mail à [email protected]

Mis à jour le : 02/10/2026