Skip to main content

Documentation

@c15t/browser client options

Connection and policy

The init() and createConsentClient() of the @c15t/browser ES module, @c15t/browser/headless and @c15t/browser/iab take mode as a factory and none of the connection options below it. The script-tag builds and the @c15t/browser/hosted and @c15t/browser/offline entries take the rest of the table: c15t.js and @c15t/browser/hosted accept hosted mode only and require a backend URL or hosted factory, and c15t.offline.js and @c15t/browser/offline accept offline mode only.

OptionTypeDefaultWhat it does
modeA transport factory. Script-tag builds also take 'hosted', 'offline' or 'manifest'.Required in the ES modules. Script-tag builds pick it from the other options.A factory from manifest(), hosted(), offline() or custom() is used as is; see consent modes. In the script-tag builds, manifest when manifest or manifestURL is set, hosted when backendURL is set, otherwise offline. Hosted mode without backendURL throws.
backendURLstringnoneScript-tag builds, /hosted and /offline entries. Your Inth or self-hosted backend URL, for hosted and manifest modes. In the ES modules, pass it to the factory, such as hosted({ backendURL }).
manifestConsentManifestnoneScript-tag builds. The backend's policy manifest, inlined in the page, for manifest mode. In the ES modules, manifest({ snapshot }).
manifestURLstringnoneScript-tag builds. Where manifest mode fetches the manifest. A URL that ends in /manifest also gives the backend URL; any other URL needs backendURL too. In the ES modules, manifest({ manifestURL }).
policyRulesarray of policy rules or preset namesrecommended rulesScript-tag builds and the /hosted and /offline entries. Offline mode only. A preset name such as 'europeOptIn' stands for that preset in policyRulePresets. An unknown name throws. In the ES modules, offline({ policyRules }) with rule objects.
overrides{ country?, region?, language?, gpc? }noneThe visitor's location, language or GPC signal, when the page knows it. Policy matching uses these instead of detection.
prefetchkernel configurationnoneA server-resolved init answer. When it carries a resolved policy, the client renders from it and does not call /init.
enabledbooleantruefalse grants every category, shows no UI and loads every configured script at once.

Scripts, blockers and data

OptionTypeDefaultWhat it does
scriptsScript[][]Vendor scripts to load once their category is allowed. Each entry needs id, category, and src or textContent.
consentCategoriescategory namescategories your scripts, iframes and rules useThe categories the preference dialog offers, within the policy's scope. necessary is always included.
networkBlocker{ rules, enabled?, logBlockedRequests?, onRequestBlocked? } or falseoffHold fetch and XMLHttpRequest calls that match a rule until the rule's category is allowed.
iframeBlocker{ disableAutomaticBlocking? } or falseonGate iframes that carry data-category or data-vendor. false turns it off. With disableAutomaticBlocking: true, c15t checks iframes only when you call processIframes().
noncestringnoneContent Security Policy nonce for the stock UI's <style> element and every <script> the scripts option loads. A script's own nonce wins. With a nonce set, c15t runs only the <script type="text/plain" data-c15t-category> tags that carry the same nonce.
scriptLoader{ onDebug? }noneonDebug receives every script loader lifecycle event.
vendorsVendor[]noneVendors offered for vendor-level consent outside IAB. The preference dialog lists a switch for each. They merge with vendors from the backend, vendor fields on scripts and rules, and data-c15t-vendor on gated tags.
clearOnRevocationcookies and storage keys per categoryoffDelete named cookies and storage keys when their category is denied. Read once, at start.
reloadOnConsentRevokedbooleantrueReload the page after an accept, reject or save turns off a category that was allowed, once the save request finishes.
callbacks{ onChoiceRecorded?, onPermissionsChanged?, onError?, onBeforeConsentRevocationReload? }noneFunctions c15t calls on consent events.
storageConfig{ storageKey?, crossSubdomain?, defaultDomain?, defaultExpiryDays? }key c15t, current host, 365 daysThe name, domain and lifetime of the consent cookie and localStorage key.
persistenceboolean or { storageConfig?, skipHydration?, sync? }trueRead and write choices in the cookie and localStorage, and follow other tabs. false keeps choices in memory only. { sync: false } stops following other tabs.
user{ externalId, identityProvider?, identityToken?, externalIdType?, properties? }noneAn identified visitor, sent with consent records. identityToken verifies the link. Links only a subject the next save creates; use identify() for an existing one.
iabIAB options or falsenoneCMP settings such as cmpId and vendors. Only the IAB build accepts it; the other builds throw when it is set.

Presentation and copy

OptionTypeDefaultWhat it does
uiUI options or falsestock UI onTheme tokens, CSS, surfaces and mounting. false starts the client with no UI. See UI options.
presentation{ prompt?, preferences? }floating banner, bottom leftBanner shape, position, button layout and blocking, within what the policy allows.
i18n{ locale?, messages }EnglishThe language to start in, and messages per language that override the bundled, backend or manifest copy key by key for that language.
legalLinks{ privacyPolicy?, cookiePolicy?, termsOfService? }noneEach link is { href, label?, target?, rel? }. The banner and dialog show only the links their legalLinks option lists.

UI options

These go under ui. The headless builds ignore them.

OptionTypeDefaultWhat it does
themetheme tokensnoneColors, radius, typography, spacing and motion. The same token object every c15t package takes.
cssstringnoneCSS added after the bundled stylesheet, in the same root as the UI.
colorScheme'light', 'dark' or 'system''system'Which token set to use. system follows the visitor's setting and updates when it changes.
shadowbooleantrueRender inside a shadow root. false renders into the page, where your stylesheet applies.
stylesbooleantrueInclude the bundled stylesheet. Set false with shadow: false when the page loads the stylesheet itself.
noStylebooleanfalseRender markup with no c15t classes and no bundled stylesheet, for fully custom CSS. theme and css still apply.
disableAnimationbooleanthe visitor's reduced motion settingShow and hide surfaces without transitions.
containerelement or CSS selectordocument.bodyWhere the UI host element is appended. A selector that matches nothing throws.
bannerboolean or banner optionstruefalse renders no banner. An object sets copy and behavior; see the banner options.
dialogboolean or dialog optionstruefalse renders no preference dialog.
triggerboolean or trigger optionsfalseRender the floating button that reopens the dialog.
iab{ loadErrorText?, saveErrorText?, moreVendorsText? }translated copyCopy for the IAB vendor list states. IAB build only.

Dialog options

These go under ui.dialog.

OptionTypeDefaultWhat it does
legalLinkslist of privacyPolicy, cookiePolicy, termsOfService, or nullnoneWhich configured legal links to show after the description.
hideBrandingbooleanfalseHide the "Secured by" tag at the bottom of the dialog.

The dialog's title, description, category names and button labels come from translations. Change them through i18n.

Trigger options

ui.trigger: true shows the trigger with its defaults. An object sets these:

OptionTypeDefaultWhat it does
position'bottom-right', 'bottom-left', 'top-right' or 'top-left''bottom-right'The corner the button starts in.
size'sm', 'md' or 'lg''md'Button size.
showWhen'always' or 'after-consent''always'after-consent hides the button until the visitor has answered the prompt.
ariaLabelstring"Open privacy settings"The button's accessible name. It has no visible text.
persistPositionbooleantrueRemember the corner a visitor dragged the button to, in localStorage. A remembered corner wins over position.
ValueWhat a click does
acceptLike the banner's accept button, allows every category the dialog offers without IAB. Under an IAB policy it confirms the vendors' declared processing through the CMP. Optional categories without declared consent purposes remain denied. See categories under an IAB policy.
rejectRejects every optional category the dialog offers.
customizeOpens the preference dialog. Records nothing.
dismissDismisses a notice. This records an acknowledgement, not consent, and does nothing unless the policy shows a notice.
bannerShows the banner again. Records nothing.
closeCloses the banner or dialog. Records nothing.
EventPayloadWhen it fires
readythe snapshotThe policy has resolved and the UI can render. For a returning visitor, hasConsented() is reliable from here.
consentthe snapshotPermissions, the recorded choice or the vendor switches changed. This includes a stored choice restored at start, a save, an expiry and a GPC change.
ui'banner', 'dialog' or 'none'The surface c15t wants shown changed.
errorthe errorA backend call failed, or an IAB step failed.

A ready listener added after the policy resolved runs at once with the snapshot from that moment. A ui listener added after that runs at once with the current surface. consent and error listeners only hear later changes.