Türkçe
English
Choose an installation method
Pick the installation method that matches your site.
| Your site | Use | Guide |
|---|---|---|
Hand-coded HTML, a custom CMS or any platform that lets you edit <head> |
Installation code (early blocker + Okito script) and the Consent Mode snippet | HTML / custom website |
| Google Tag Manager manages your tags | Okito community template in GTM | Google Tag Manager |
| WordPress | Okito Cookie Consent plugin | WordPress |
| Shopify | Okito Cookie Consent app | Shopify |
| Webflow | Okito app for Webflow | Webflow |
| Framer | Okito plugin for Framer | Framer |
| Wix, Squarespace, Magento, Joomla, Drupal, Ghost, HubSpot and others | Head code injection | Other website builders and CMSs |
| React, Next.js, Vue / Nuxt, Angular | Script in the root document | React, Next.js, Vue and Angular |
| iOS or Android app | Okito mobile SDK | iOS and Android apps |
Rules for every method
- Install once. Use one method per site. The script in the theme and a plugin and GTM creates two banners.
- Install early. The installation code and the Consent Mode snippet belong at the top of
<head>, before Google Tag Manager, gtag.js and marketing pixels, with the early blocker as the first script. See Load order. - Install everywhere. Every page and template needs the code: checkout, 404, landing pages and pages built with separate tools (for example a 3D tour or catalogue viewer).
Where to find your code
In the dashboard, open Install banner for your website. It shows:
- the installation code: the early blocker line (
blocker.js), which stays the first script in<head>, then the Okito script with your website key, - the Consent Mode snippet (in advanced mode; see Basic and advanced consent mode), which goes right below the early blocker line,
- an optional cross-device snippet (see Cross-device consent).
The same code is under Code Generator.