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.
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.
How It Works
Section titled “How It Works”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.
Scripts
Section titled “Scripts”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>
Iframes
Section titled “Iframes”Replace src with data-src:
<iframe
data-cookie-consent="marketing"
data-src="https://www.youtube.com/embed/VIDEO_ID"
width="560"
height="315"
></iframe>
Images
Section titled “Images”Tracking pixels and other consent-gated images:
<img data-cookie-consent="analytics" data-src="https://example.com/pixel.gif" />
Stylesheets
Section titled “Stylesheets”Replace href with data-href on <link> tags:
<link
data-cookie-consent="analytics"
data-href="https://example.com/tracker.css"
rel="stylesheet"
/>
Supported Elements
Section titled “Supported Elements”| Element | Blocked Attribute | Restored To |
|---|---|---|
<script> | data-src şi/sau type="text/plain" | src restored, type set to data-type or removed |
<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
Section titled “Common Integrations”Google Analytics
Section titled “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
Section titled “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
Section titled “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
Section titled “Category Slugs”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:
| Category | Attribute Value (slug) |
|---|---|
| Necessary | necessary |
| Analytics | analytics |
| Advertising | advertising |
| Functional | functional |
| Uncategorised | uncategorised |
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.