In Gambio you add the widget without changing the template, through the tracking codes: Einstellungen / Suchmaschinenoptimierung / Tracking Codes (settings, search engine optimisation), Head area, enable “Tracking-Code verwenden”.
Mark product images with --ai in the file name or with “(AI-generated)” at the end of the alt text.
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), split into 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. This works as well.
- Body Bestellabschluss: the order confirmation page only, unsuitable 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”.
Mark images
Which images need a label is your decision, for example with the labelling check. The widget only labels marked images, in three ways that can be combined:
- Attribute on the image:
data-ai-label="generated"for images created entirely with AI,data-ai-label="modified"for photos edited with AI. - File name with a marker before the extension:
vase--ai.jpgorvase--ai-mod.jpg. - Alt text ending in “(AI-generated)” or “(AI-modified)”.
In Gambio, the file name is the easiest way. Rename the file before uploading, for example to vase--ai.jpg or vase--ai-mod.jpg. Gambio creates several sizes from a product image, so check in the page source that --ai appears in the delivered image address.
If you maintain alternative text for your product images, the suffix at the end also works. Use the data-ai-label attribute in your own template adjustments.
AI
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.
- 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.
Limits of the widget
- The widget only reaches
<img>elements on pages with the script. Background images from the stylesheet and images under 48 pixels (adjustable withdata-min) stay unlabelled. - Check whether the label appears in cart and checkout and the images there are large enough.
- It cannot reach emails such as order confirmations. For images outside your website, create a copy with the label burned in using Label an AI image.
- Privacy: when the script loads from ai-label.app, our host sees the IP address, as with any request. The script sets no cookies. Mention it in your privacy policy.
Native app
A dedicated Gambio app is planned. There is no date yet.
Frequently asked questions
Do I need a template update for Gambio?
No. The script tag goes into the tracking codes, Head area.
Why is the field called tracking code if the widget does not track?
The field is meant for any custom code in the head or at the end of the page. The widget sets no cookies and sends no data apart from loading the script itself.
Sources
Para. refers to the paragraph number in the European Commission's guidelines on Article 50, C(2026) 5054.
- Gambio manual: tracking codes and product imagesGambio · Platform · 8 Oct 2026
- Code of Practice on Transparency of AI-Generated Content (final version)Europäische Kommission · Code of practice · 10 Jun 2026
- Regulation (EU) 2024/1689 (AI Act)EUR-Lex · Law · 12 Jul 2024
