Come bloccare i codici e i cookie di terze parti se non viene dato il consenso?

Blocco automatico vs. manuale

ConsentManager offre il blocco manuale e automatico di codici e cookie. Nonostante il blocco automatico sia più facile da configurare, per motivi di conformità consigliamo di utilizzare il blocco manuale!

Ecco un confronto tra i due metodi di blocco:

Blocco automatico

Facile da installare, basta un solo codice nel tag <head>
Può causare problemi di conformità
Funziona in modo sincrono, la velocità del sito web è più lenta
Può causare problemi con le normali funzionalità del sito web (ad es. bloccando gli script sbagliati)

Puoi leggere ulteriori informazioni sul blocco automatico di codici e cookie qui.

Blocco manuale

Più difficile da installare, tutti gli script/iframe devono essere modificati
Molto sicuro/conforme se installato correttamente
Funziona in modo asincrono, la velocità del sito web non viene compromessa
È improbabile che causi problemi con le normali funzionalità del sito web (ad es. blocca solo gli script che si sceglie di bloccare)

Consigliamo di utilizzare il blocco manuale per evitare problemi di conformità!

Blocco manuale di codici e cookie

Il CMP può posticipare il caricamento degli annunci sul tuo sito web fino al momento in cui viene dato il consenso. Per abilitare questa funzione devi modificare i codici creativi esistenti sul tuo sito web.

Si prega di notare che il blocco / caricamento differito funziona solo con codici script asincroni e codici Iframe e non con codici script sincroni.

Codici iframe

Se desideri inserire un codice iframe, segui questi passaggi:

Modifica l' src="…" attributo dell'iframe in data-cmp-src="…"
Aggiungi un nuovo src="about:blank" attributo all'iframe
Se class="…" esiste, aggiungi cmplazyload il valore. Se la classe non esiste, aggiungi l'attributo includendo il valore class="cmplazyload"
Aggiungi un nuovo attributo data-cmp-vendor="x" e/o data-cmp-purpose="x" per attivare il codice solo se viene dato il consenso per questo fornitore e per questa finalità. Vedi le informazioni qui sotto.

Codice di esempio prima della modifica:

<iframe width="300" height="250" noresize="noresize" scrolling="no" 
        frameborder="0" marginheight="0" marginwidth="0"
        src="http://adserver.de/?x=1&y=2"
        ALLOWTRANSPARENCY="true"></iframe>

Codice di esempio dopo la modifica:

<iframe width="300" height="250" noresize="noresize" scrolling="no"        
        frameborder="0" marginheight="0" marginwidth="0"        
        class="cmplazyload"        
        src="about:blank"     
        data-cmp-vendor="123"
        data-cmp-src="http://adserver.de/?x=1&y=2"        
        ALLOWTRANSPARENCY="true"></iframe>

Codici script asincroni

Se desideri posticipare il caricamento di un codice script asincrono, segui questi passaggi:

Se src="..." , modifica l' src="…" attributo dello script in data-cmp-src="…"
Se type="..." , cambia il suo valore in text/plain, altrimenti aggiungi l'attributo con questo valore type="text/plain".
Se class="…" esiste, aggiungi cmplazyload il valore. Se la classe non esiste, aggiungi l'attributo includendo il valore class="cmplazyload"
Aggiungi un nuovo attributo data-cmp-vendor="x" e/o data-cmp-purpose="x" per attivare il codice solo se viene dato il consenso per questo fornitore e per questa finalità. Vedi le informazioni qui sotto.

Codice di esempio 1 prima della modifica:

<script async
        type="text/javascript"
        src="https://adserver.de/banner.php"></script>

Codice di esempio 1 dopo la modifica:

<script async 
        type="text/plain"
        data-cmp-src="https://adserver.de/banner.php"
        class="cmplazyload"
        data-cmp-vendor="123" 
        ></script>

Codice di esempio 2 prima della modifica:

<script type="text/javascript">
  console.log("do something here");
</script>

Codice di esempio 2 dopo la modifica:

<script type="text/plain" class="cmplazyload" data-cmp-vendor="123">
  console.log("do something here");
</script>

Blocco di altri elementi della pagina

Il meccanismo di blocco sopra descritto può essere utilizzato praticamente con tutti gli elementi HTML che caricano dati di terze parti:

immagine
video
fonte
oggetto
embed
link (Nota: usa data-cmp-href invece di data-cmp-src)

Attributi aggiuntivi

È possibile aggiungere i seguenti attributi aggiuntivi ai codici script/iframe per allineare ulteriormente la visualizzazione a determinati risultati di consenso:

Attributo	Descrizione
`data-cmp-hide="1"`	se presente, il CMP nasconderà l'iframe se il consenso non viene dato e lo mostrerà se il consenso viene dato
`data-cmp-vendor="xxx"`	CMP attiverà questo script/iframe solo se viene dato il consenso per il fornitore `xxx` . È possibile combinare più fornitori utilizzando la virgola, ad es. `data-cmp-vendor="xxx,yyy,zzz"` Può contenere anche il valore `*` per segnalare che si applicano tutti i fornitori.
`data-cmp-purpose="xxx"`	CMP attiverà questo script/iframe solo se viene dato il consenso per lo scopo `xxx` . È possibile combinare più finalità utilizzando la virgola, ad es. `data-cmp-purpose="xxx,yyy,zzz"` Può anche contenere il valore `*` per indicare che si applicano tutte le finalità.
`data-cmp-preview="WxH"`	Il CMP visualizzerà un elemento di anteprima (vedi blocco dei contenuti dinamici) in questa posizione. `WxH` deve essere sostituito dalla larghezza e dall'altezza (ad es. 300×400) del livello di anteprima.
`data-cmp-preview-connect="xxx"`	Indica al CMP di sbloccare tutti gli altri elementi con classe xxx una volta che questo elemento viene sbloccato.
`data-cmp-preview-headline="..."`	Consente di modificare il testo del titolo dell'anteprima.
`data-cmp-preview-text="..."`	Consente di modificare il testo dell'anteprima.
`data-cmp-preview-btn="..."`	Consente di modificare il testo del pulsante dell'anteprima.
`data-cmp-preview-checkbox="..."`	Consente di regolare il testo della casella di controllo dell'anteprima. Se impostato su una stringa vuota, la casella di controllo non verrà visualizzata.
`data-cmp-preview-image="https://..."`	Consente di modificare l'immagine dell'anteprima.
`data-cmp-haspreview="0 / 1"`	Disattiva la sovrapposizione del contenuto dinamico (impostazione predefinita = 0).
`data-cmp-preview-bgcolor="#000"`	Consente di regolare il colore di sfondo dell'anteprima (impostazione predefinita = nero)
`data-cmp-preview-mode="0 / 1"`	Imposta la modalità dell'anteprima: – 0 (impostazione predefinita): l'anteprima viene visualizzata solo se non è stato dato il consenso per questo fornitore – 1: l'anteprima viene sempre visualizzata (anche se il fornitore ha ottenuto il consenso)
`data-cmp-ab="1"`	Il CMP non utilizzerà il blocco automatico con questo elemento.
`data-cmp-ab="2"`	Il CMP non utilizzerà il blocco automatico con questo elemento e con tutti gli elementi creati da esso.
`data-cmp-block="X"`	Blocca l'elemento a seconda del valore di `x`: – `contentpass`: Blocca l'elemento se l'utente ha effettuato l'accesso tramite contentpass – `purmodel`: Blocca l'elemento se l'utente ha effettuato l'accesso tramite il modello di acquisto personalizzato – `textblocking`: Blocca l'elemento se l'utente non ha accettato i fornitori o le finalità

Nota: Se data-cmp-vendor="..." e data-cmp-purpose="..." non sono presenti, il sistema verificherà se è stato accettato almeno 1 scopo. In tal caso, il codice verrà attivato.

Puoi trovare gli ID di tutti gli scopi nel menu Scopi:

Puoi trovare gli ID di tutti i fornitori nel menu Fornitori/Whitelist:

We do our best to keep this purely informative documentation up to date. However, if you notice that any of these guides need a little touch-up, let us know!