Consentl pe Webflow

Adăugați scriptul de încărcare Consentl în Head code din Webflow, transmiteți alegerea către Webflow Analyze și aflați ce înseamnă „nu primul în head”.

Scriptul de încărcare primul în <head>: Nu — citiți limitările

Poate fi scriptul de încărcare primul în <head>? Nu. Webflow afișează Head code la nivelul întregului site la sfârșitul <head>, după propriile etichete meta, CSS și mici scripturi inline. Codul la nivel de pagină vine după codul la nivelul întregului site. Consultați Limitări.

Cerințe

Un Site plan plătit sau un Workspace Core, Growth, Agency ori Freelancer. Pe un site Starter gratuit, fila Custom code este vizibilă, dar nu poate fi salvată.
Cheia site-ului Consentl, din pagina Configurare a site-ului în panoul de control. Adăugați în câmpul Domenii fiecare nume de gazdă pe care rulează site-ul (domeniul personalizat și adresa your-site.webflow.io); 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

În Webflow, deschideți site-ul → Site settings → Custom code.
În Head code, lipiți acest cod pe prima linie, deasupra oricărui alt cod existent:
```
<script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>
```
Înlocuiți SITE_KEY, iar en cu limba site-ului (consultați Site-uri multilingve). 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.
Faceți clic pe Save changes, apoi pe Publish pe domeniul webflow.io și/sau pe domeniul personalizat.
Opțional: adăugați în subsol un link „Setări cookie-uri”: un Link block cu URL-ul #consentl. Linkurile al căror URL se termină în #consentl sau #consentl-preferences și orice element cu atributul data-consentl-open deschid preferințele.
Opțional: pe pagina politicii privind cookie-urile, adăugați un element Embed cu declarația 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.

Verificați că funcționează

Deschideți site-ul publicat într-o fereastră privată: bannerul apare. Codul personalizat nu rulează în canvasul Designer. Rulează însă în modurile Preview și Comment, așa că bannerul poate apărea și acolo; testul de încredere este site-ul publicat.

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).

Site-uri multilingve (Webflow Localization)

Din 26 iunie 2026, Webflow Localization vă permite să setați cod personalizat Head și Footer pentru fiecare variantă lingvistică (locale). Adăugați scriptul de încărcare în Head code al fiecărei variante lingvistice, cu limba acesteia în &l= (de exemplu &l=de pentru varianta germană). Fiecare pagină încarcă astfel un singur URL al scriptului de încărcare, același pe toate paginile variantei lingvistice respective.

Dacă preferați un singur fragment de cod pentru toate variantele lingvistice, omiteți &l=…: bannerul folosește atunci limba implicită a site-ului din panoul de control.

Webflow Analyze / Optimize

Analiza proprie Webflow are un comutator de consimțământ separat:

Setați Insights → Settings → Tracking la Don't track by default, apoi publicați site-ul. Setarea intră în vigoare doar după publicare.

Transmiteți alegerea Consentl adăugând următorul cod în Footer code. Acesta aplică alegerea curentă la fiecare încărcare a paginii și urmează modificările ulterioare:

<script>
  (function () {
    function sync(c) {
      if (!c || !window.wf) return;
      wf.ready(function () {
        var want = c.analytics ? "allow" : "deny";
        if (wf.getUserTrackingChoice() === want) return;
        if (c.analytics) wf.allowUserTracking({ activate: true });
        else wf.denyUserTracking();
      });
    }
    if (window.Consentl) sync(window.Consentl.get());
    document.addEventListener("consentl:change", function (e) { sync(e.detail); });
  })();
</script>

Limitări

Nu este primul în head. Tot ce afișează Webflow deasupra Head code rulează înaintea Consentl. Aceasta include integrările native din Site settings → Apps & integrations (Google Analytics, Meta Pixel), care pot fi injectate înaintea lui. Eliminați aceste integrări și încărcați aceleași etichete prin Google Tag Manager cu Consent Mode (planul Pro și cele superioare) sau ca etichete încărcate prin cod în Head code, sub linia 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 Head/Footer ori într-un element 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ă.
Fiecare câmp de cod personalizat acceptă până la 50.000 de caractere; scriptul de încărcare are o singură linie.
Webflow nu are un banner de cookie-uri integrat care să trebuiască dezactivat. Eliminați orice altă aplicație de banner.
Content Security Policy. Site-urile Enterprise pot seta antete de răspuns, inclusiv content-security-policy, din Site settings → Publishing → Custom headers. Dacă setați unul, permiteți https://api.consentl.com așa cum este descris în ghidul pentru orice site. Fără un antet CSP personalizat, nu trebuie schimbat nimic.

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