Widget Integration – onMyTerms Entwickler

HTML EmbedHTML

<script
  src="https://cdn.onmyterms.io/widget.js"
  data-document-id="doc_98f7e6d5c4"
  data-mode="direct"
  data-locale="de"
  defer
></script>

data-document-idstring

data-mode"direct" | "doi" | "iframe"

data-locale"de" | "en" | "fr" | …

data-theme"light" | "dark" | "auto"

Direct

Double Opt-in

iFrame

CSS VariablesCSS

/* Widget-Farben anpassen */
.omt-widget {
  --omt-primary: #1d4ed8;
  --omt-bg: #ffffff;
  --omt-text: #0f172a;
  --omt-border: #e2e8f0;
  --omt-radius: 12px;
  --omt-font: 'Inter', sans-serif;
}

Event ListenerJavaScript

<script>
  window.addEventListener('omt:consent', (e) => {
    console.log('Einwilligung erteilt:', e.detail);
  });

  window.addEventListener('omt:error', (e) => {
    console.error('Widget-Fehler:', e.detail);
  });

  window.addEventListener('omt:ready', () => {
    console.log('Widget geladen');
  });
</script>