Consentl pe Framer

Adăugați Consentl cu codul personalizat „Start of <head> tag” din Framer, care rulează înaintea scripturilor Framer, și înlocuiți componenta Cookie Banner.

Scriptul de încărcare primul în <head>
Depinde de metodă

Poate fi scriptul de încărcare primul în <head>? Aproape. Framer are o plasare „Start of <head> tag” care pune scriptul de încărcare înaintea scripturilor proprii Framer; doar etichetele meta și charset ale Framer vin înaintea lui. Runtime-ul Framer este un <script type="module" async> în body. Nu este amânat, dar rulează totuși după un script de încărcare sincron de la începutul <head>, deoarece scriptul de încărcare vine primul în ordinea documentului. Astfel, Framer este constructorul fără cod cel mai apropiat de configurarea recomandată.

Cerințe

  • Un plan de site plătit, cu domeniu personalizat. Codul personalizat rulează doar pe site-ul publicat.
  • Cheia site-ului Consentl, din pagina Configurare a site-ului în panoul de control. Adăugați numele de gazdă al site-ului în câmpul Domenii; www. și domeniul simplu contează ca același site, așa că nu este nevoie să adăugați separat www..

Ce acoperă planul dumneavoastră Consentl

  • Free: doar bannerul, jurnalul consimțămintelor și blocarea manuală.
  • Pro: adaugă Google Consent Mode v2.
  • Business: adaugă blocarea automată a trackerelor cunoscute și regulile de blocare pe care le adăugați în panoul de control.

În planurile Free și Pro, sunt reținute doar etichetele pe care le marcați manual.

Instalare

  1. În proiectul Framer, deschideți Project Settings → Custom Code și adăugați un fragment de cod.

  2. Lipiți:

    <script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>

    Dacă site-ul folosește și șablonul GTM Consentl, adăugați &gcm=ext la URL, astfel încât doar șablonul să trimită comenzi Consent Mode.

  3. Placement: Start of <head> tag.

  4. Pages: toate paginile.

  5. Run: Once. Framer navighează pe client, iar navigarea pe client nu pierde bannerul. „Run on every page visit” ar injecta din nou scriptul de încărcare la fiecare navigare. Păstrați URL-ul scriptului de încărcare identic pe toate paginile.

  6. Eliminați componenta Cookie Banner din Framer de pe pagini, dacă ați folosit-o. Ar trebui să fie activ un singur banner.

    • Componenta Cookie Banner trimitea și apelurile default și update pentru Google Consent Mode. Dacă etichetele GTM sau Google depindeau de acestea, Consent Mode din Consentl le înlocuiește în planul Pro și în cele superioare.
    • În planul Free nu există apeluri Consent Mode după eliminarea componentei. Marcați manual fragmentul de cod GTM sau al etichetei Google (<script type="text/plain" data-consentl="analytics">…</script>, cu categoria care corespunde celor încărcate) astfel încât să ruleze doar după consimțământ.
  7. Publish.

  8. Opțional: adăugați în componenta de subsol un link cu URL-ul #consentl („Setări cookie-uri”). Linkurile al căror URL se termină în #consentl sau #consentl-preferences și orice element cu atributul data-consentl-open deschid preferințele.

Verificați că funcționează

Testați site-ul publicat într-o fereastră privată. Codul personalizat nu rulează în canvas sau în previzualizare.

Regiunea vizitatorului se stabilește din adresa IP: Consentl determină țara în memorie la fiecare afișare de pagină (nu se stochează nimic) și aplică regula dumneavoastră din panoul de control pentru aceasta. Statele SUA nu sunt diferențiate: vizitatorii din SUA primesc regula pentru întreaga SUA sau, dacă nu există, prima regulă pentru un stat SUA. O țară necunoscută primește regula pentru regiuni necunoscute (opt-in în mod implicit).

Limbi

Variantele lingvistice (locales) Framer partajează codul personalizat la nivelul întregului site. Omiteți &l=… pentru a folosi limba implicită din panoul de control sau adăugați fragmentul de cod pentru fiecare pagină sau variantă lingvistică din Page settings → Custom Code, păstrând URL-ul identic pe toate paginile unei variante lingvistice.

Folosiți o componentă Embed (HTML) pe pagina politicii privind cookie-urile:

<div data-consentl-declaration data-api="https://api.consentl.com" data-key="SITE_KEY" data-locale="en"></div>
<script src="https://api.consentl.com/v1/blocks.js" defer></script>
  • Folosiți în schimb data-consentl-request sau data-consentl-withdrawal pentru formularul pentru cereri privind datele personale sau pentru formularul de retragere UE. Formularul de retragere necesită planul Pro sau unul superior și trebuie activat din panoul de control; altfel rămâne gol.
  • Framer afișează componenta Embed ca HTML încorporat. Verificați pe site-ul publicat că tabelul apare.
  • Dacă nu apare, trimiteți în schimb printr-un link la declarația privind cookie-urile găzduită: https://api.consentl.com/p/SITE_KEY/cookies (o pagină publică, mereu sincronizată cu panoul de control; adăugați ?l=de pentru altă limbă).

Limitări

  • Etichetele meta și charset proprii Framer vin în continuare înaintea fragmentului de cod. Sunt inofensive.

  • Framer Analytics nu folosește cookie-uri și este încărcat de Framer; Consentl nu îl controlează.

  • Integrările de urmărire din Project Settings (Integrations), cum ar fi Google Analytics, sunt injectate de Framer și este posibil să nu fie blocate de Consentl. Preferați etichetele Google prin GTM sau ca cod personalizat plasat după fragmentul de cod Consentl. Consentl reține trackerele recunoscute care se încarcă după el (planul Business și cele superioare); în planurile Free și Pro, sunt reținute doar etichetele pe care le marcați manual.

  • Etichete scrise direct. Un <script src>, un pixel <img> sau un <iframe> scris în codul personalizat sau într-un Embed este preluat de browser înainte ca vreun script să îl poată opri, chiar dacă Consentl îi împiedică rularea. Marcați manual astfel de etichete și eliminați pixelii <noscript>:

    <script type="text/plain" data-consentl="marketing" src="https://ads.example.com/tag.js"></script>
    <iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
    <img data-consentl="marketing" data-src="https://tracker.example.com/pixel.gif" alt="" width="1" height="1">

    Etichetele încărcate prin cod (GTM, scriptul de încărcare JavaScript al unui pixel) sunt reținute fără nicio solicitare atunci când blocarea automată este activă.

V-ați blocat? Scrieți-ne la support@consentl.com — răspundem în limba engleză, în zilele lucrătoare.