Sari la conținut

Blocking Third-Party Resources

Aflați cum să încărcați scripturi, iframe, imagini și fișiere de stil în spatele atributului de consimțământ al cookie-ului de date, astfel încât acestea să se încarce numai după consimțământul vizitatorului.

View as Markdown

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 respectarea GDPR și ePrivacy, unde cookie-urile non-esențiale și urmărirea nu trebuie să fie setate înainte ca vizitatorul să opteze.

Add a data-cookie-consent atribut pentru orice element pe care doriți să îl lăsați în spatele consimțământului. valoarea atributului trebuie să corespundă unei categorii de cookie-uri slug din configurația banner-ului dvs. - de exemplu, analytics, advertising, or functional.

SDK scanează pagina pentru elemente cu acest atribut și le păstrează inactive până când vizitatorul consimte la categoria corespunzătoare. MutationObserver, astfel încât resursele injectate după încărcarea paginii sunt prelucrate automat.

To block a script, change src to data-src and set 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>

If the script originally had a meaningful type attribute (e.g. module), preserve it with 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>

Replace src with data-src:

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

Tracking pixels and other consent-gated images:

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

Replace href with data-href on <link> tags:

<link
  data-cookie-consent="analytics"
  data-href="https://example.com/tracker.css"
  rel="stylesheet"
/>
ElementBlocked AttributeRestored To
<script>data-src şi/sau type="text/plain"src restored, type set to data-type or removed
<iframe>data-srcsrc
<img>data-srcsrc
<video>data-srcsrc
<audio>data-srcsrc
<embed>data-srcsrc
<object>data-srcdata
<link>data-hrefhref
<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>
<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>
<iframe
  data-cookie-consent="functional"
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  width="560"
  height="315"
  frameborder="0"
  allowfullscreen
></iframe>

The data-cookie-consent valoarea atributului este potrivită cu categoria slug în starea de consimțământ (nu numele de afișare). categoriile implicite utilizează următoarele slugs:

CategoryAttribute Value (slug)
Necessarynecessary
Analyticsanalytics
Advertisingadvertising
Functionalfunctional
Uncategoriseduncategorised

Pentru o categorie personalizată, utilizaţi slug pe care le-aţi setat în consola (de exemplu social-media), not the display name.

Categoriile de sistem, cum ar fi Necesar, sunt întotdeauna acceptate, astfel încât etichetarea elementelor cu data-cookie-consent="necessary" este valabilă, dar nu are efect de blocare – acele resurse se încarcă imediat. Categorie necategorizată este locul în care sunt colectate cookie-urile care nu au fost alocate unei categorii. Ar trebui să mutați cookie-urile din categoria necategorizată și în categoria corespunzătoare din consol, astfel încât vizitatorii să vadă grupări semnificative în panoul de preferințe.

Ultima actualizare: