How can I prevent Cookiebot from blocking my website scripts?

Technical Q&A
1

Hello, for me the problem is: my website obtains cookies before confirmation. So I wrote the code in the first header.

Now sources are blocked by cookiebot.

I wrote to support and they sent me the following. But with this I don’t really get anywhere.

The problem is that the images might be loading from a source that sets cookies and so after accepting the cookies that are set form that source will load the script and the images will be displayed.
From what I can see you have 3 sources blocked when setting the script first loading

CookieConsent.configuration.tags.push({
    id: 16194291,
    type: "script",
    tagID: "",
    innerHash: "",
    outerHash: "-1522324604",
    url: "cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-d8a6f1446d67009c524ed4e68648800ba9082eb75548ee28e1050331cbe7ba28.js",
    resolvedUrl: "https://cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-d8a6f1446d67009c524ed4e68648800ba9082eb75548ee28e1050331cbe7ba28.js",
    cat: [1, 4]
});
CookieConsent.configuration.tags.push({
    id: 16194292,
    type: "script",
    tagID: "",
    innerHash: "",
    outerHash: "1415017656",
    url: "https://www.google-analytics.com/analytics.js",
    resolvedUrl: "https://www.google-analytics.com/analytics.js",
    cat: [3]
});
CookieConsent.configuration.tags.push({
    id: 16194293,
    type: "script",
    tagID: "",
    innerHash: "-1336065101",
    outerHash: "-124411196",
    url: "https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.1/index.js",
    resolvedUrl: "https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.1/index.js",
    cat: [1]
});

And sees that the image loads from “https://cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-d8a6f1446d67009c524ed4e68648800ba9082eb75548ee28e1050331cbe7ba28.js”

However, there are 4 things you can do to prevent the Cookie blocker from blocking scripts:

  1. Mark up a script that mustn’t be blocked as “ignore”. To do this, simply add the following attribute: data-cookieconsent=“ignore”
  2. Go to the manager and categorize the cookie that goes with the now blocked script as “necessary”.
  3. Remove scripts that set cookies from the file, and either put them in a separate file or directly on the page.
  4. Revert to the “manual” Cookiebot script where you have to mark up tags to enable prior consent, which we will continue to support.