Seiteninhalt vor dem Widget

Diese Datei simuliert eine Host-Seite, die das Such-Widget direkt in den DOM rendert.

Seiteninhalt nach dem Widget

Da kein iframe verwendet wird, kann sticky normal auf den Browser-Viewport reagieren.

JS API Demo

Tracking und Consent Wiki

Suche, Chat und Tracking sind im Widget gesperrt, bis Google Consent Mode fuer ad_user_data den Status granted meldet. Das Widget setzt keinen eigenen Consent.

Cookie-Banner öffnen

<div
  id="wk-search-widget"
  data-consent-banner-open-code="Cookiebot.renew()"
></div>

Consent erneut prüfen

window.WKSearchWidget.refreshConsent("#wk-search-widget", {
  source: "cookie-banner"
});

Optionaler Fallback-Timer

<div
  id="wk-search-widget"
  data-consent-check-interval="1000"
></div>

Tracking an Google Analytics weiterleiten

window.addEventListener("wk-search-widget:track", (event) => {
  if (!window.gtag) return;

  gtag("event", event.detail.ga.eventName, event.detail.ga.params);
});

Tracking in der Browser Console anzeigen

window.WKSearchWidget.setTrackingDebug("#wk-search-widget", true);

// Wieder ausschalten:
window.WKSearchWidget.setTrackingDebug("#wk-search-widget", false);

Aktuelle Tracking Events

search_started, search_completed und search_failed enthalten den Suchbegriff als query.

click wird bei Klicks im Widget gesendet und enthält selector, wkRef, wkRefSelector, tagName, className, classList, text, href und den aktuellen Suchfeldwert als searchQuery.

chat_message_sent, chat_response_completed und chat_response_failed enthalten den bisherigen Chatverlauf als conversation. Wenn der KI-Chat Quellen findet, enthält chat_response_completed zusätzlich search.

Lokale Demo