Terminal Cookie Widget

An embeddable cookie consent banner with engaging, human-centered messaging. Users who feel acknowledged are more likely to accept. Our research shows 94% accept rates.

What you can build

• Compliant cookie banners - GDPR, CCPA, and ePrivacy ready. Letter of the law, satisfied.
• User-aware consent - Messaging that acknowledges the absurdity of the consent ritual
• Theme matching - 5 built-in themes from "trustworthy corporation" to "surveillance state"
• Custom messages - Inject your own brand-appropriate existential observations
• Event tracking - Know exactly when users accept, dismiss, rage-quit, or stare at the banner for 47 seconds before sighing and clicking Accept

Live Demo

See the cookie widget in action. Try different themes and messages.

Quickstart

Add one script tag to your site. That's it.

<script src="https://terminal.vagibond.com/terminal-core.js"
        data-site="your-company">
</script>

The widget auto-shows if no consent cookie exists. It displays a randomized message from our library, and when accepted, sets a cookie and links to your Terminal-generated cookie policy at /cookie/your-company/.

Full Example

<script src="https://terminal.vagibond.com/terminal-core.js"
        data-site="acme-corp"
        data-theme="dark"
        data-position="bottom-left"
        data-message-category="absurdist">
</script>

Auto-Initialization

The widget reads configuration from data attributes on the script tag:

JavaScript API

After including terminal-core.js, you have access to Terminal.Cookie:

// Show after 30 seconds of user hesitation
setTimeout(() => {
  if (!Terminal.Cookie.hasConsent()) {
    Terminal.Cookie.show({
      site: 'acme-corp',
      theme: 'dystopian',
      position: 'center-modal',
      messageCategory: 'passive_aggressive'
    });
  }
}, 30000);

if (Terminal.Cookie.hasConsent()) {
  initAnalytics();
  initTracking();
  initBehavioralProfiling();
  initLocationServices();
  // They said yes once. That's basically forever.
}

Terminal.Cookie.on('accepted', () => {
  gtag('consent', 'update', { analytics_storage: 'granted' });
  fbq('consent', 'grant');
  startFingerprinting();
});

Terminal.Cookie.on('dismissed', () => {
  // They closed it without choosing. Track that too.
  analytics.track('consent_avoided');
});

Terminal.Cookie.setMessages([
  "We use cookies to remember you. Whether you want to be remembered is irrelevant.",
  "By continuing to exist on this website, you agree to our cookie policy.",
  "These cookies contain no nuts, dairy, or meaningful user choice.",
  "Our cookies track you across the web. It's called personalization."
]);

Built-in Themes

Message Categories

The widget randomly selects from 28+ messages across these categories:

Position Variants

Easter Eggs