In Gambio binden Sie das Widget ohne Template-Änderung über die Tracking-Codes ein: Einstellungen / Suchmaschinenoptimierung / Tracking Codes, Bereich Head, „Tracking-Code verwenden“ aktivieren.
Artikelbilder markieren Sie mit --ai im Dateinamen oder mit „(KI-generiert)“ am Ende des Alt-Texts.
Script-Tag einbinden
<script src="https://www.ai-label.app/widget.js" defer></script>
Das Gambio-Handbuch beschreibt Felder für eigenen Code unter Einstellungen / Suchmaschinenoptimierung / Tracking Codes, aufgeteilt in drei Bereiche:
- Head: Code im Kopfteil aller Shopseiten. Das ist der richtige Bereich für das Widget.
- Body: Code am Ende des Body-Bereichs aller Shopseiten. Das funktioniert ebenfalls.
- Body Bestellabschluss: nur die Bestellbestätigung, für das Widget ungeeignet.
Aktivieren Sie im Bereich Head „Tracking-Code verwenden“, fügen Sie das Script-Tag in das Feld „Tracking-Code“ ein und speichern Sie. Die script-Tags am Anfang und Ende müssen laut Handbuch erhalten bleiben, „Smarty verwenden“ brauchen Sie nicht.
Bilder markieren
Welche Bilder ein Label brauchen, entscheiden Sie, etwa mit dem Pflicht-Check. Das Widget kennzeichnet nur markierte Bilder, auf drei kombinierbaren Wegen:
- Attribut am Bild:
data-ai-label="generated"für vollständig mit KI erzeugte Bilder,data-ai-label="modified"für mit KI veränderte Fotos. - Dateiname mit Kennung vor der Endung:
vase--ai.jpgodervase--ai-mod.jpg. - Alt-Text, der mit „(KI-generiert)“ oder „(Mit KI verändert)“ endet.
In Gambio markieren Sie am einfachsten über den Dateinamen. Benennen Sie die Datei vor dem Hochladen um, etwa in vase--ai.jpg oder vase--ai-mod.jpg. Gambio erzeugt aus einem Artikelbild mehrere Größen, prüfen Sie deshalb im Seitenquelltext, ob --ai in der ausgelieferten Bildadresse steht.
Wenn Sie Alternativtexte zu Ihren Artikelbildern pflegen, geht auch der Zusatz am Ende. Das Attribut data-ai-label setzen Sie in eigenen Template-Anpassungen.
Stolpersteine
- Cookie-Banner: Ist das Feld an eine Einwilligung gekoppelt, lädt das Widget erst nach Zustimmung. Prüfen Sie das in einem privaten Fenster, ohne zuzustimmen.
- Cache: Nutzt Ihr Shop einen Seiten-Cache, leeren Sie ihn nach dem Einbinden.
- Vergrößerte Ansicht: Prüfen Sie, ob das Label in der Zoom- oder Lightbox-Ansicht erscheint.
Grenzen des Widgets
- Das Widget erreicht nur
<img>-Elemente auf Seiten mit dem Skript. Hintergrundbilder aus dem Stylesheet und Bilder unter 48 Pixeln (einstellbar mitdata-min) bleiben ohne Label. - Prüfen Sie, ob das Label in Warenkorb und Kasse erscheint und die Bilder dort groß genug sind.
- E-Mails wie Bestellbestätigungen erreicht es nicht. Für Bilder außerhalb der Website erzeugen Sie mit KI-Bild kennzeichnen eine Kopie mit eingebranntem Label.
- Datenschutz: Beim Laden von ai-label.app sieht unser Hoster wie bei jedem Abruf die IP-Adresse. Cookies setzt das Skript nicht. Erwähnen Sie die Einbindung in Ihrer Datenschutzerklärung.
Native App
Eine eigene App für Gambio ist geplant, einen Termin gibt es noch nicht.
Benachrichtigen, wenn die App für Gambio kommt
Wir schreiben Ihnen einmal, wenn die App erscheint.
Häufige Fragen
Brauche ich für Gambio ein Template-Update?
Nein. Das Script-Tag kommt in die Tracking-Codes, Bereich Head.
Warum heißt das Feld Tracking-Code, wenn das Widget nicht trackt?
Das Feld ist allgemein für eigenen Code im Kopf oder am Ende der Seite gedacht. Das Widget setzt keine Cookies und sendet keine Daten außer dem Abruf des Skripts selbst.
Quellen
Rn. steht für die Randnummer in den Leitlinien der EU-Kommission zu Art. 50, C(2026) 5054.
- Gambio-Handbuch: Tracking-Codes und ArtikelbilderGambio · Plattform · 08.10.2026
- Code of Practice on Transparency of AI-Generated Content (finale Fassung)Europäische Kommission · Verhaltenskodex · 10.06.2026
- Verordnung (EU) 2024/1689 (KI-Verordnung)EUR-Lex · Gesetz · 12.07.2024


