Labelling AI images in Gambio

Add the script tag

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

The Gambio manual describes fields for custom code under Einstellungen / Suchmaschinenoptimierung / Tracking Codes (settings, search engine optimisation, tracking codes). There are three areas:

• Head: code in the head of all shop pages. This is the right area for the widget.
• Body: code at the end of the body of all shop pages. Also works.
• Body Bestellabschluss: the order confirmation page only. Not suitable for the widget.

In the Head area, enable “Tracking-Code verwenden” (use tracking code), paste the script tag into the “Tracking-Code” field and save. According to the manual, keep the script tags at the start and end. You do not need “Smarty verwenden”. Then open a product page with a marked image.

Mark images

The widget only labels images you have marked. Whether an image needs a label is your call, for example with the labelling check. Three ways, which can be combined:

• Attribute on the image: data-ai-label="generated" for images created entirely with AI, data-ai-label="modified" for photos changed with AI.
• File name with a marker before the extension: vase--ai.jpg or vase--ai-mod.jpg.
• Alt text ending in “(AI-generated)” or “(AI-modified)”. The addition also helps screen readers.

The simplest way in Gambio is the file name: rename the file before uploading, for example vase--ai.jpg or vase--ai-mod.jpg. Gambio creates several sizes from a product image. Check in the page source that --ai appears in the delivered image address.

If you maintain alternative text for your product images, the suffix “(AI-generated)” or “(AI-modified)” at the end also works. Use the data-ai-label attribute in your own template adjustments.

Pitfalls

• Cookie banner: if the field is tied to consent, the widget only loads after the visitor agrees. Check in a private window without agreeing.
• Wrong area: in “Body Bestellabschluss” the widget only runs on the order confirmation page.
• Cache: if your shop uses a page cache, clear it after adding the script.
• Enlarged view: check that the label appears in the zoom or lightbox view of product images.

Limits of the widget

• The widget only reaches images as <img> on pages where the script runs. Background images from the stylesheet and images under 48 pixels (adjustable with data-min) get no label.
• Cart and checkout: check yourself whether the label appears there and the images are large enough.
• It cannot reach order confirmation emails. Where you show an image outside your website, use a copy with the label burned in from Label an AI image.
• Privacy: the script loads from ai-label.app, so our host sees the IP address as with any request. It sets no cookies. Mention it in your privacy policy.

Native app

A dedicated Gambio app is planned. There is no date yet. Until then, the widget works without installing anything in the system. If you like, we will write to you once at launch.

Not legal advice. This content explains the law based on primary sources; it does not replace an assessment of your individual case.