Soglasje za piškotke za React
Cookiezy je zgrajen za React ekipe, ki potrebujejo lahkotno consent plast, čisto upravljanje stanja in uporabniško izkušnjo, ki deluje znotraj SPA aplikacij. React rollout uporablja iste plain-headless adapter datoteke iz `cookiezy-platform-core.zip`, jih naloži iz app shella in pričakuje registriran live hostname za polni runtime način delovanja.
Zgrajeno za React aplikacije, kjer sta pomembna tako kakovost frontenda kot zmogljivost.
Cookie banner preview
Lightweight. Fast. Clear by default.
Kaj vključuje React paket
Po aktivaciji dostopa preneseš `cookiezy-platform-core.zip`. Za React uporabiš plain adapter iz `packages/adapters/plain-html/` in skupne core datoteke iz `packages/core/dist/`. Canonical vstopna datoteka adapterja je `cookiezy-plain-adapter.js`.
- • `packages/adapters/plain-html/cookiezy-plain-adapter.js`
- • `packages/core/dist/cookie-consent.js`
- • `packages/core/dist/cookie-consent-ui.js`
- • `packages/core/dist/cookie-consent-scanner.js`
- • `packages/core/dist/cookie-consent.css`
- • `packages/adapters/plain-html/example.html` kot osnovni referenčni vzorec
Canonical adapter datoteke kopiraj med React public assete
Razširi `cookiezy-platform-core.zip` in `cookiezy-plain-adapter.js` skupaj s skupnimi core datotekami kopiraj v `public/` ali drugo asset pot, ki jo tvoja React aplikacija globalno servira.
Code snippet
public/cookiezy-plain-adapter.js
public/cookie-consent.js
public/cookie-consent-ui.js
public/cookie-consent-scanner.js
public/cookie-consent.cssZaženi Cookiezy iz React app shella
Assete enkrat naloži iz root HTML shella ali najvišjega React layouta. Plain adapter zaženi pred UI in scanner skriptami, da je consent runtime pravilno nastavljen za celotno SPA aplikacijo. V produkciji ohrani izdane `license.siteKey`, `license.verifyUrl` in `license.billingUrl` vrednosti v configu.
Code snippet
<link rel="stylesheet" href="/cookie-consent.css" />
<script src="/cookiezy-plain-adapter.js"></script>
<script src="/cookie-consent.js"></script>
<script>
window.CookiezyPlainAdapter.boot({
locale: "sl",
storageKey: "cookiezy_react_v1",
policyUrl: "/sl/politika-piskotkov",
theme: { layout: "bottom-right", themeClass: "" },
license: {
siteKey: "ck_live_replace_me",
verifyUrl: "https://cookiezy.com/api/licensing/verify",
billingUrl: "https://cookiezy.com/sl/billing"
},
texts: {}
});
</script>
<script src="/cookie-consent-ui.js"></script>
<script src="/cookie-consent-scanner.js"></script>Registriraj hostname, poveži settings link in uskladi opcijske storitve
Pred produkcijsko objavo registriraj vse live hostname v Cookiezy billing, da runtime verification omogoči polni način delovanja. Ko se Cookiezy naloži, registriraj povezavo do nastavitev in consent stanje uporabi za odločitev, kdaj se v React aplikaciji smeta zagnati analitika ali marketing.
Code snippet
window.CookiezyPlainAdapter.registerSettingsLink(document);
const consent = window.Cookiezy?.getConsent();
if (consent?.analytics) {
startAnalytics();
}
if (window.location.pathname === '/sl/politika-piskotkov') {
window.CookiezyPlainAdapter.mountAudit(document);
}React obiskovalcem ponudi transparenten pregled piškotkov
Cookiezy scanner prebere piškotke, vidne v trenutni seji brskalnika, in prikaže njihovo kategorijo, ponudnika, namen oziroma opis in trajanje. Audit mount dodaj na policy route, da lahko obiskovalci po spremembi soglasja ponovno preverijo, kaj ostane aktivno.
Pregled aktivnih piškotkov v tej seji brskalnika
Ta pregled prebere piškotke, ki so trenutno vidni na domeni v tvojem brskalniku, in znane piškotke preslika v kategorije in namene. Po spremembi nastavitev piškotkov lahko pregled znova zaženeš.
Kako Cookiezy upravlja piškotke na tej strani
Nujni piškotki ostanejo aktivni, da spletna stran, prijava in nastavitve piškotkov delujejo pravilno. Opcijske kategorije lahko obiskovalec vključi ali izključi v nastavitvah piškotkov Cookiezy.
Ta pregled odraža trenutno sejo brskalnika in trenutno stanje soglasja za piškotke na tej napravi.
Kategorije piškotkov na strani
Nujni piškotki
Potrebni za varnost, usmerjanje, prijavo in shranjevanje same izbire glede piškotkov.
Analitični piškotki
Uporabljeni za razumevanje obiska in uporabe strani, če je obiskovalec dovolil analitične piškotke.
Marketinški piškotki
Namenjeni so oglaševanju, ponovnemu nagovarjanju in spremljanju kampanj, če so oglaševalski piškotki dovoljeni.
React-friendly consent funkcionalnosti
Zgrajeno za aplikacije, ki cenijo čisto integracijo, ne pa plugin-style zapletenosti.
Varno za SPA obnašanje
Boljši fit za React aplikacije, kjer se poti menjajo na strani odjemalca.
Preprosto consent stanje
Kategorije soglasja ostanejo berljive in jih je lažje vključiti v logiko aplikacije.
Pogosta vprašanja za React
Hitri odgovori za React ekipe, ki ocenjujejo Cookiezy.
Kateri ZIP uporabim za React?
Uporabi `cookiezy-platform-core.zip` in poveži plain adapter iz `packages/adapters/plain-html/` s skupnimi core datotekami iz `packages/core/dist/`.
Ali naj Cookiezy naložim enkrat na korenu aplikacije?
Da. Predvideni React vzorec je enkratno nalaganje skript iz app shella, tako da consent plast preživi client-side navigacijo.
Ali lahko Cookiezy consent stanje uporabim v React logiki?
Da. Paketirani runtime izpostavi consent stanje, da lahko opcijska analitika in marketinška koda počakata na izrecno privolitev.
Kako prikažem audit na policy strani?
Na policy route po nalaganju scanner skripte pokliči `window.CookiezyPlainAdapter.mountAudit(document)`.