Auf Squarespace fügen Sie das Widget über „Code einfügen“ (Code Injection) in das Feld Header ein. Das Panel gibt es laut Squarespace in den Tarifen Core, Plus und Advanced sowie in einigen älteren Tarifen.
Bilder markieren Sie über den Alt-Text mit „(KI-generiert)“ am Ende. Auf den Checkout-Seiten läuft kein eigener Code, dort erscheint kein Label.
Script-Tag einbinden
<script src="https://www.ai-label.app/widget.js" defer></script>
- Öffnen Sie in den Website-Werkzeugen das Panel Code einfügen (Code Injection).
- Fügen Sie das Script-Tag in das Feld Header ein. Squarespace setzt Code aus diesem Feld in den
<head>jeder Seite. - Klicken Sie auf Speichern.
Das Feld Footer geht ebenfalls, dort steht der Code je nach Template und Version vor dem schließenden </body>. In der Vorschau des Editors können Skripte abgeschaltet sein. Prüfen Sie das Label deshalb auf der Live-Seite, am besten in einem privaten Fenster.
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.
Auf Squarespace markieren Sie über den Alt-Text. Bildblöcke, Galerien und Produktbilder haben jeweils ein Feld dafür.
Der Dateiname mit --ai funktioniert, wenn Squarespace ihn in der Bildadresse behält. Das zeigt der Seitenquelltext der Live-Seite. Das Attribut data-ai-label setzen Sie nur in selbst geschriebenen Code-Blöcken.
Stolpersteine
- Tarif: Ohne passenden Tarif gibt es kein Feld für eigenen Code, und das Widget läuft nicht.
- Alt-Text je Block: Dasselbe Bild in zwei Blöcken hat oft zwei Alt-Texte. Ergänzen Sie den Zusatz überall.
- Galerien und Diashows: Prüfen Sie, ob das Label auch in Lightbox und Diashow 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. - Laut Squarespace unterstützen die Checkout-Seiten keinen eigenen Code, dort erscheint also kein Label.
- 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 Squarespace ist geplant, einen Termin gibt es noch nicht.
Benachrichtigen, wenn die App für Squarespace kommt
Wir schreiben Ihnen einmal, wenn die App erscheint.
Häufige Fragen
Welchen Tarif brauche ich auf Squarespace?
Code einfügen gibt es laut Squarespace in den Tarifen Core, Plus und Advanced sowie in einigen älteren Tarifen.
Warum sehe ich im Editor kein Label?
In der Vorschau des Editors können Skripte abgeschaltet sein. Prüfen Sie die Live-Seite in einem privaten Fenster.
Quellen
Rn. steht für die Randnummer in den Leitlinien der EU-Kommission zu Art. 50, C(2026) 5054.
- Squarespace: Teile der Website mit „Code einfügen“ anpassenSquarespace · Plattform · 22.09.2026
- Squarespace: Alternativtext für BilderSquarespace · Plattform · 07.10.2026
- Squarespace: Den passenden Tarif wählenSquarespace · Plattform · 11.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


