Blocking Third-Party Resources

Platforma cookie banner SDK poate bloca încărcarea resurselor terțe până când vizitatorul acordă consimțământul pentru categoria de cookie corespunzătoare. Acest lucru este esențial pentru respectareaGDPRși ePrivacy, unde cookie-urile non-esențiale și urmărirea nu trebuie să fie setate înainte ca vizitatorul să opteze.

How It Works

Adăugați un atribut data-cookie-consent la orice element pe care doriți să îl lăsați în spatele consimțământului. slug din configurarea bannerului dvs. – de exemplu, ___ZBT_I18N_RUNTIME_BLOCK_168__, ___ZBT_I18N_RUNTIME_BLOCK_169__, sau functional.

SDK scanează pagina pentru elemente cu acest atribut și le păstrează inactive până când vizitatorul consimte la categoria corespunzătoare.De asemenea, urmărește pentru elemente adăugate dinamic folosind un MutationObserver, astfel încât resursele injectate după încărcarea paginii sunt gestionate automat.

Scripts

Pentru a bloca un script, modificați src la data-src și setați type="text/plain" pentru a împiedica browser-ul să o execute:

<!-- Before: loads immediately -->
<script src="https://analytics.example.com/tracker.js"></script>

<!-- After: loads only when "analytics" consent is granted -->
<script
  type="text/plain"
  data-cookie-consent="analytics"
  data-src="https://analytics.example.com/tracker.js"
></script>

Dacă scenariul avea inițial un atribut semnificativ type (de exemplu, module), păstrați-l cu data-type:

<script
  type="text/plain"
  data-type="module"
  data-cookie-consent="analytics"
  data-src="https://example.com/analytics.mjs"
></script>

Inline scripts work the same way:

<script type="text/plain" data-cookie-consent="analytics">
  gtag("config", "GA_MEASUREMENT_ID");
</script>

Iframes

Înlocuiți src cu data-src:

<iframe
  data-cookie-consent="marketing"
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  width="560"
  height="315"
></iframe>

Images

Tracking pixels and other consent-gated images:

<img data-cookie-consent="analytics" data-src="https://example.com/pixel.gif" />

Stylesheets

Înlocuiește href cu data-href pe <link> etichete:

<link
  data-cookie-consent="analytics"
  data-href="https://example.com/tracker.css"
  rel="stylesheet"
/>

Supported Elements

Element	Blocked Attribute	Restored To
<script>	data-src și/sau type="text/plain"	src restaurat, type setat la data-type sau eliminat
<iframe>	data-src	src
<img>	data-src	src
<video>	data-src	src
<audio>	data-src	src
<embed>	data-src	src
<object>	data-src	data
<link>	data-href	href

Common Integrations

Google Analytics

<script type="text/plain" data-cookie-consent="analytics">
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag("js", new Date());
  gtag("config", "GA_MEASUREMENT_ID");
</script>
<script
  type="text/plain"
  data-cookie-consent="analytics"
  data-src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"
></script>

Facebook Pixel

<script type="text/plain" data-cookie-consent="advertising">
  !function(f,b,e,v,n,t,s){/* Facebook Pixel code */}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

YouTube Embed

<iframe
  data-cookie-consent="functional"
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  width="560"
  height="315"
  frameborder="0"
  allowfullscreen
></iframe>

Category Slugs

Valorile atributului ___ZBT_I18N_RUNTIME_BLOCK_237__ se potrivesc categoriei slug în starea de consimțământ (nu numele de afișare). categoriile implicite utilizează următoarele slugs:

Category	Attribute Value (slug)
Necessary	necessary
Analytics	analytics
Advertising	advertising
Functional	functional
Uncategorised	uncategorised

Pentru o categorie personalizată, utilizaţi slug este setat în consola (de exemplu social-media), nu numele de afișare.

Categoriile de sistem, cum ar fi Necesare, sunt întotdeauna acceptate, astfel că etichetarea elementelor cu data-cookie-consent="necessary" este valabilă, dar nu are efect de blocare – acele resurse se încarcă imediat. Categoria Uncategorized este locul în care sunt colectate cookie-urile care nu au fost încă atribuite unei categorii.