Installatiehandleiding Auto blocker

Door Auto Blocker in te schakelen op de pagina Auto Blocker Settings van onze app, is hij eenvoudig te gebruiken. Standaard werkt de Auto Blocker via onze app embed. Dit betekent dat onze app elk script dat je hebt geselecteerd kan blokkeren, mits het wordt geladen via een app die als app embed of als app pixel laadt.

Als je scripts handmatig laadt in je theme.liquid, of apps gebruikt die niet als app embed laden (legacy-apps), volg dan de Handmatige installatie hieronder. Als je scripts laadt vanuit Google Tag Manager, hebben we ook een handleiding hier over hoe je dit laat werken met onze GTM-template.

Als je problemen ondervindt met Auto Blocker (bijvoorbeeld als je nog steeds een script ziet draaien terwijl het is geselecteerd om te worden geblokkeerd voordat toestemming is gegeven), kun je de Handmatige installatie van onze Auto Blocker volgen, zoals hieronder uitgelegd.

1. Handmatige installatie

De handmatige installatie bestaat uit het bovenaan je thema invoegen van ons pandectes-rules.js-script.

1. Ga in de Shopify Admin van je winkel naar Online Store > Themes > Edit code (on your current theme).

2. Open aan de linkerkant, onder de map Layout, het bestand theme.liquid.

3. Plak direct na de openende <head>-tag dit:

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

4. Klik op Save.

2. Handmatige installatie testen

Volg de onderstaande stappen om te controleren of het script pandectes-rules.js correct is geladen in je Shopify-winkel:

2.1 Stappen

1. Open de website van je Shopify-winkel

Ga naar je live Shopify-winkel waar het script geïnstalleerd zou moeten zijn.

2. Open Developer Tools

In Google Chrome

• Klik met de rechtermuisknop ergens op de pagina en selecteer Inspect.
• Of druk op Ctrl + Shift + I (Windows) of Cmd + Option + I (Mac) om Developer Tools te openen.

3. Ga naar het tabblad Console

Klik op het tabblad Console in het paneel Developer Tools. Hier verschijnen JavaScript-logs en -fouten.

4. Voer het volgende fragment uit in de Console

Typ in de console het volgende codefragment en druk op 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. Interpreteer de resultaten

Als het script correct is geladen, zie je de melding:

Pandectes Rules script is correctly loaded!

Als het script niet is geladen, zie je de melding:

Pandectes Rules script is NOT loaded.

Als het object Pandectes Blocker aanwezig is, zie je:

Pandectes Blocker object is available!

Als het object Pandectes Blocker niet beschikbaar is, zie je:

Pandectes Blocker object is NOT available.

2.2 Aanvullende opmerkingen

• Zorg ervoor dat het script is toegevoegd na de openende <head>-tag van je Shopify-thema.
• Als het script niet is geladen, controleer dan je themabestanden op de juiste scriptinjectie, vooral als er problemen zijn met de URL of de timing van het laden van het script.

3. Hulp nodig?

Als je nog steeds problemen hebt met de integraties van onze app en hulp nodig hebt, neem dan contact op met ons supportteam via de livechat in de app of per e-mail op [email protected]

Bijgewerkt op: 19/10/2026