KI-Bilder in BigCommerce kennzeichnen

Script-Tag einbinden

<script src="https://www.ai-label.app/widget.js" defer></script>

Eigene Skripte verwaltet BigCommerce im Script Manager in den Einstellungen Ihres Storefront-Kanals. Legen Sie dort ein neues Skript an:

• Ort: Kopf- oder Fußbereich der Seite. Bei Stencil-Themes landet das Skript an der Stelle head.scripts bzw. footer.scripts.
• Seiten: Storefront-Seiten oder alle Seiten. „Storefront“ umfasst die meisten Seiten außer Checkout, Kundenkonto und Login.
• Inhalt: das Script-Tag von oben.
• Kategorie: eine, die ohne Einwilligung geladen wird. Sonst erscheint das Label erst nach Zustimmung im Cookie-Banner und fehlt beim ersten Blick auf das Bild.

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.jpg oder vase--ai-mod.jpg.
• Alt-Text, der mit „(KI-generiert)“ oder „(Mit KI verändert)“ endet.

In BigCommerce markieren Sie über den Alt-Text des Produktbilds. Im Produkt fügen Sie Bilder im Bereich für Bilder und Videos hinzu und geben jedem eine Beschreibung, die das Theme als Alternativtext ausgibt.

Der Dateiname mit --ai funktioniert, wenn er in der ausgelieferten Bildadresse erhalten bleibt. Das zeigt der Seitenquelltext. Das Attribut data-ai-label setzen Sie in eigenen Theme-Vorlagen.

BBigCommerce/ Produkt / Bilder und Videos

AI

kerze.jpg

Bildbeschreibung

Duftkerze im Glas (KI-generiert)

KI-generiert

Duftkerze im Glas24,90 €

Vase aus Steinzeug32,00 €

KI-generiert

Pilzleuchte59,00 €

Stolpersteine

• Blueprint-Themes: Laut BigCommerce geben Blueprint-Stores Skripte aus dem Script Manager nicht aus.
• Catalyst: Bei Headless-Storefronts mit Catalyst laden Skripte verzögert, und Seitenwechsel ohne Neuladen starten ein Skript nicht neu. Das Widget beobachtet neue Bilder auf der Seite und kommt damit zurecht. Prüfen Sie es trotzdem nach einem Seitenwechsel.
• Zoom: Prüfen Sie, ob das Label in der vergrößerten 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 mit data-min) bleiben ohne Label.
• In Checkout und Bestellbestätigung laufen Skripte nur mit dem Optimized One-Page Checkout.
• 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 BigCommerce ist geplant, einen Termin gibt es noch nicht.