1 of 17

Anleitung

zur Siegel-Integration

PAKETE Basic | Business | PREMIUM Partner

​

�authorized.by® Siegelintegration | Stand 05.02.2024

⚠ Hinweis (04.08.2025)

Diese Anleitung ist nicht mehr aktuell.��Bitte loggen Sie sich in Ihren Account ein – dort finden Sie die aktuelle 3-Schritt-Anleitung.

Der neue Code ermöglicht eine noch einfachere Drag-&-Drop-Integration.� Die Siegelintegration ist jetzt schneller und benutzerfreundlicher als je zuvor.

➡ Jetzt einloggen und mehr erfahren

​

2 of 17

Übersicht der Pakete, Siegel und Positionen

​

1. Manuelle Einbindung Ihres Echtzeit-Siegels

​

1.1 Einbindung direkt ins Template

1.2 Einbindung mittels Google Tag Manager (GTM)

1.3 Test-Siegel im Sandbox Modus

​

2. Zusätzliche Hinweise und Erklärungen

​

3. Rechtlicher Hinweis für Ihre Datenschutz-

erklärung

​

4. Hinweis zur werblichen Verwendung � unserer Marken

​

​

​

Inhaltsverzeichnis

OUTDATED!��Learn more

3 of 17

3

PAKET Basic

�Das Shop-Siegel.

Mühelos integriert, wird das kostenlose Shop-Siegel “Autorisierter Partner” für Ihre Shop-Besucher sichtbar. In Echtzeit ausgespielt, zeigt es Ihre Autorisierung durch alle Ihre Partner-Marken und dokumentiert so die stabile Beziehung von Marke und Shop (Hinweis: Das Basic Sidebar Siegel ist limitiert auf die Startseite Ihres Shops).

Header

Sidebar

Footer

Sidebar

(limitiert)

Beispiel �“PAKET Basic” Basic-Siegel ohne TÜV-ShopIdent:

Sidebar

(limitiert)

OUTDATED!��Learn more

4 of 17

4

PAKET Business

�Das Shop-Siegel�mit TÜV-ShopIdent.

Mühelos integriert, wird das Shop-Siegel “Autorisierter Partner” mit TÜV-ShopIdent für Ihre Shop-Besucher sichtbar. In Echtzeit ausgespielt, zeigt es Ihre Autorisierung durch alle Ihre Partner-Marken und dokumentiert so die stabile Beziehung von Marke und Shop.

Beispiel �“PAKET Business” Shop-Siegel mit TÜV-ShopIdent:

Header

Sidebar

Footer

Sidebar

​

Header

OUTDATED!��Learn more

5 of 17

5

PREMIUM-Partner (bei Partnern anzufragen)

�Das Markensiegel - Sidebar und Content�mit TÜV-ShopIdent.

Kennzeichnen Sie alle Produkte der Marke, die Ihnen Partnerschaft zum PREMIUM-Partner aufwertet mit dem Produkt- oder Sidebar- Siegel und TÜV-ShopIdent. Ihre Shop-Besucher haben so die Gewissheit, dass es sich bei Ihrem Angebot um Original-Produkte, garantiert von einem autorisierten Anbieter handelt.

`

Beispiel �“Marken- Siegel” Produkt-Siegel mit TÜV-ShopIdent:

Content

​

Content

​

Sidebar

Sidebar

​

OUTDATED!��Learn more

6 of 17

6

1. Manuelle Integration

OUTDATED!��Learn more

7 of 17

7

1.4 Integration mit Hilfe des Google Tag Managers

​

​

​

In dieser Anleitung wird erläutert, wie Sie die authorized.by®-Siegel manuell in Ihren Online-Shop implementieren und welche spezifischen Anforderungen die Siegelvarianten beinhalten.

​

HINWEIS: Für die Anzeige Ihres Siegels ist ein kostenloser Account und mind. 1 Partner bei authorized.by erforderlich.

​

Implementierung

In diesem Kapitel werden die erforderlichen Schritte für die Implementierung beschrieben.

​

*** ACHTUNG: Für eine korrekte Darstellung dürfen keine Änderungen am Code erfolgen ***

​

Basis Code mit Sidebar Siegel (Standard Implementierung)

Kopieren Sie bitte den folgenden Code und fügen Sie ihn in das HTML Ihres Shops

​

​

​

​

​

​

​

​

​

​

Hinweis: Wir empfehlen Ihnen den Code als letztes Child-Element des <body> -Tags einzufügen. Dadurch wird sichergestellt, dass die Siegel erst nach dem Inhalt Ihres Online-Shops geladen werden.

​

TIPP: Weitere Siegeleinstellungen wie z.B. die Platzierung oder den Z-Index finden Sie in Ihrem Account unter >> SIEGEL KONFIGURATION

​

WICHTIG: Es ist erforderlich, dass die EAN bzw. GTIN-Nummer der entsprechenden Produkt-Detailseiten übermittelt wird ( Variable “Insert_EAN_GTIN_here“).

​

Die Übermittlung der Spracheinstellung (Variable “Insert_language_here”) ist optional, standardmäßig wird Deutsch bei nicht befüllen verwendet. Sprachcodes sind für Deutsch “de” und für Englisch “en” (weitere Informationen siehe Seite 11).

​

​

<!-- authorized.by | basic code | begin -->

<script src="https://app.authorized.by/trustedretailers/badges.js"></script>

<div data-authorizedby

data-authorizedby-product="Insert_EAN_GTIN_here" lang="Insert_language_here">

<div data-authorizedby-badge="sidebar"></div></div>

<!-- authorized.by | basic code | end -->

​

​

​

1.1 Einbindung direkt ins Template

OUTDATED!��Learn more

8 of 17

8

Weitere Siegel Varianten

​

Um weitere Siegel-Varianten anzuzeigen, sind zusätzlich zum “Basic Code” entsprechende Platzhalter im HTML-Code Ihres Online-Shop im Template notwendig, diese werden in Form von <div> -Tags eingebunden.

​

Header Siegel (optional)

Für die Anzeige des Header Siegels kopieren Sie bitte folgenden Code und fügen diesen in den HTML-Code Ihres Online-Shops ein:

​

​

​

​

​

Die Position im HTML-Code für diesen Platzhalter sollte dem Bereich entsprechen, an dem das Header Siegel in Ihrem Online-Shop dargestellt werden soll (empfohlen im Header-Bereich).

​

​

Content Siegel (setzt Bestätigung des “PREMIUM-Partner-Status” voraus)

Für die Anzeige des Content Siegels kopieren Sie bitte folgenden Code und fügen diesen in den HTML-Code Ihres Online-Shops ein:

​

​

​

​

Die Position im HTML-Code für diesen Platzhalter sollte dem Bereich entsprechen, an dem das Content Siegel in Ihrem Online-Shop dargestellt werden soll (empfohlen im Bereich der Produktbeschreibung direkt am Produkt).

​

HINWEIS: Die Darstellung des Content Siegels erfordert die Übermittlung der EAN/GTIN-Nummer auf Produkt-Detailseiten im Basis-Code (siehe Seite 6).

​

​

1.4 Integration mit Hilfe des Google Tag Managers

​

​

​

<!-- authorized.by | badge | header | begin -->

<div data-authorizedby-badge="header"></div>

<!-- authorized.by | badge | header | end -->

<!-- authorized.by | badge | content | begin -->

<div data-authorizedby-badge="content"></div>

<!-- authorized.by | badge | content | end -->

OUTDATED!��Learn more

9 of 17

9

Footer Siegel

Für die Anzeige des Footer Siegels kopieren Sie bitte folgenden Code und fügen diesen in den HTML-Code Ihres Online-Shops ein:

​

​

​

​

Die Position im HTML-Code für diesen Platzhalter sollte dem Bereich entsprechen, an dem das

Footer Siegel in Ihrem Online-Shop dargestellt werden soll (empfohlen im Bereich des Footers).

​

​

1.4 Integration mit Hilfe des Google Tag Managers

​

​

​

<!-- authorized.by | badge | footer | begin -->

<div data-authorizedby-badge="footer"></div>

<!-- authorized.by | badge | footer | end -->

OUTDATED!��Learn more

10 of 17

10

In diesem Kapitel wird erklärt, wie Sie Ihr Siegel mithilfe des Google Tag Manager integrieren, grundsätzlich ist dieser auf Grund der Anfälligkeit für AdBlocking Tools nicht empfehlenswert, im Vergleich zur Integration direkt im Template.

Bitte verwenden Sie hierzu die Siegel Codes des vorhergehenden Kapitels 1.1.

HINWEIS: Für die Anzeige Ihres Siegels ist ein kostenloser Account und mind. 1 Partner bei authorized.by erforderlich.

�1) Gehen Sie zu den Einstellungen Ihres Google Tag Manager Kontos.

2) Wählen Sie dort unter der Kategorie “Tags” ein “NEUES TAG HINZUFÜGEN“.

3) Erstellen Sie dort ein “Benutzerdefiniertes HTML-Tag“.

4) a, Kopieren und Einfügen nur des Basic Code + Sidebar Siegel (Seite 6)

​

b, Weitere Siegel-Varianten bitte gem. manueller Integration

direkt ins Template einbinden (Seite 6,7,8)

​

​

WICHTIG:

  • Für die Variable “Insert_EAN_GTIN_here” setzen Sie bitte den EAN/GTIN-Code des Produktes auf den jeweiligen Produktseiten (Artikelseiten) ein.
  • Für die Variable “Insert_language_here” die entsprechende Spracheinstellung (de oder en, mehr auf Seite 11).

​

​

​

5) Wählen Sie bei den erweiterten Einstellungen “Unbegrenzt”.

6) Wählen Sie den Trigger “All Pages” bzw. “Alle Seiten”.

7) Speichern Sie jetzt Ihre Einstellungen.

8) Veröffentlichen Sie den Tag mit “Veröffentlichen”. Fertig.

​

ACHTUNG:

Überprüfen Sie, ob die Variablen durch GTM korrekt übergeben werden. In manchen Fällen ist es notwendig, den Tag durch Trigger zu verzögern, um die Variablen korrekt zu befüllen, z.B. durch “Event-Trigger” oder “Time-Trigger” (siehe dazu unter “Trigger” in der GTM Hilfe).

​

1.4 Integration mit Hilfe des Google Tag Managers

​

​

​

1.2 Einbindung mittels Google Tag Manager (GTM)

OUTDATED!��Learn more

11 of 17

11

1.4 Integration mit Hilfe des Google Tag Managers

​

​

​

Im Sandbox Modus stehen Ihnen die authorized.by Siegel zu Testzwecken in Ihrem Test-Shop zur Verfügung.

​

Implementierung

Die Implementierung der Test-Siegel in Ihrem Test-Shop erfolgt analog zur Implementierung der Live-Siegel (Seite 7 - 10). Es ist lediglich eine simple Modifikation des Basic Codes notwendig, um im System den Testflag setzen zu können, sowie das Hinterlegen einer Test-URL.

​

*** ACHTUNG: Die Test-URL darf nicht öffentlich zugänglich sein***

​

Basis Code Sandbox + Sidebar Siegel

Kopieren Sie bitte den folgenden Code

​

​

​

​

​

​

​

​

​

​

​

​

​

Im Anschluss hinterlegen Sie bitte die Test-URL des genuzten Test-Shops in Ihrem authorized.by Account unter: Siegel Konfiguration > Wechsel zum Test-Siegel > Test-URL

​

TIPP: Die Nutzung des Sandbox Modus ermöglicht Ihnen die Simulation der Siegel in Ihrem Test-Shop mit den real vorhandenen Autorisierungen Ihres Accounts. Ihnen stehen dabei standardmäßig alle Siegelvarianten zum Testen bereit.

​

WICHTIG: Die Test-Siegel können nur zeitlich begrenzt auf einer von authorized.by freigegebenen Test-URL eines dedizierten Test-Shops verwendet werden. Die Freigabe erfolgt in der Regel binnen 1 Werktages. Alle Änderungen der Test-URL bedürfen aus Sicherheitsgründen einer erneuten Freigabe. Es können ausschließlich öffentlich zugängliche URLs als Test-URLs hinterlegt werden, die Nutzung eines lokalen Hosts ist nicht möglich.

​

​

​

<!-- authorized.by | basic code sandbox | begin -->

<script src="https://app.authorized.by/trustedretailers/badges.js"></script>

<div data-authorizedby

data-authorizedby-product="Insert_EAN_GTIN_here" lang="Insert_language_here"

data-authorizedby-environment="test"></div>

<!-- authorized.by | basic code sandbox | end -->

​

<!-- authorized.by | badge | sidebar | begin -->

<div data-authorizedby-badge="sidebar"></div>

<!-- authorized.by | badge | sidebar | end -->

​

​

1.3 Test-Siegel im Sandbox Modus

OUTDATED!��Learn more

12 of 17

12

2. Zusätzliche Hinweise und Erklärungen

Features und Funktionen

Dieses Kapitel enthält Informationen zu den technischen Grundlagen und Funktionsweisen der Siegel.

Standardanzeige

  • Alle Siegel werden als Geschwister-Tag <div> direkt neben dem Platzhalter-Tag <div> angezeigt.
  • Der Siegel-Code darf nicht direkt verwendet werden, um Änderungen durchzuführen. Das <div> sollte stattdessen verwendet werden, da es auf Änderungen reagiert (s.u.).

Übermittlung EAN/GTIN

  • Im Basiscode dient das Attribut “data-authorizedby-product“ zur Angabe des spezifischen Produkts durch EAN/GTIN.
  • Bitte stellen Sie sicher, dass das Attribut immer korrekt befüllt übergeben wird,, da die Funktionsfähigkeit der Siegel davon maßgeblich abhängt.
  • Ohne Übermittlung können keine produktbezogenen Siegel ausgespielt werden.
  • Die Attribute sind nicht statisch und werden bei jedem Seitenaufruf neu geladen.

Sprache

  • Im Basiscode kann eine Attribut für die verwendete Sprache Ihres Online-Shops übergeben werden. Aktuell verfügbar sind:
    • "de" (Deutsch), "en" (Englisch), "fr" (Französisch), “it” (Italienisch)
  • Wird dieses nicht übergeben, ist die standardmäßige Einstellung Deutsch (de).
  • Das Attribut ist nicht statisch und wird bei jedem Seitenaufruf neu geladen, entsprechend ist eine Verknüpfung mit der Sprachauswahl der Seite für dynamische Sprachwechsel möglich.

Dynamisches Laden

  • Platzhalter für Siegel können dynamisch hinzugefügt oder entfernt werden (z. B. können in einer einseitigen Anwendung die Platzhalter von einem Framework verwaltet werden).
  • Jeder hinzugefügte Platzhalter wird grundsätzlich angezeigt.
  • Wenn ein Platzhalter entfernt wird, wird das entsprechende Siegel nicht mehr angezeigt.

Interaktion

  • Das Sidebar Siegel schließt automatisch den ausgeklappten Zustand bei Scrollen.
  • Die mobile Sidebar Siegel wird nur am oberen Bildrand der Seite angezeigt und verschwindet bei Scrollen.
  • Die mobilen Varianten der Siegel werden automatisch auf Basis der Bildschirmbreite ausgespielt.

​

OUTDATED!��Learn more

13 of 17

13

Technische Voraussetzungen

Die folgenden Voraussetzungen haben direkten Einfluss auf die Anzeige des Siegels.

​

Alle Siegel benötigen

  • Einen Händler-Account bei authorized.by
  • Der Händler-Account wurde von authorized.by freigegeben
  • Der Händler verfügt über erfolgreich gebuchtes Paket (entsprechende Siegel werden angezeigt für PAKETE Basic oder Business)
  • Ohne erfolgreichen Abschluss des TÜV-ShopIdent können ausschließlich die Siegel des Basic-Pakets angezeigt werden (auch keine produktbezogenen Siegel verfügbar)
  • Die hinterlegte Online-Shop-URL im authorized.by Profil entspricht der URL der Einbindung des Siegel-Codes
  • Es besteht mindestens eine bestätigte Partnerschaft mit einem Marken-Hersteller
  • Der Siegel-Code wurde nicht verändert!

Sidebar Siegel

  • Das Sidebar Siegel wird im PAKET Basic nur auf der Startseite des Online-Shops angezeigt
  • Sidebar Siegel werden als feste Elemente angezeigt
    • Üblicherweise ist ein korrekt gesetzter Z-Index zur fehlerfreien Darstellung nötig
    • Der Z-Index und kann in der authorized.by-App unter “Siegel” eingestellt werden
    • In den meisten Fällen ist eine korrekte Darstellung bei oben beschriebener Platzierung des Siegel-Codes gegeben
    • In manchen Fällen ist eine abweichende Platzierung des Siegel-Codes notwendig (speziell bei stark individualisierten Shop-Templates)

Sidebar & Content Produkt-Siegel benötigen

  • Generelle Voraussetzungen für alle Siegel (s.o.)
  • Die Buchung des PAKETES Business (Content setzt “Brand Sponsored” voraus)
  • Den erfolgreichen Abschluss des TÜV-ShopIdent
  • Die Übermittlung der EAN/GTIN auf Produktdetailseiten
  • Sollte aus bestimmten Gründen kein Produkt-Siegel angezeigt werden können, wird als Rückfallebene das Shop-Siegel angezeigt

In manchen Fällen ist es außerdem erforderlich, dass

  • eine Produktdaten-Kategorie durch einen Marken-Hersteller bereitgestellt wurde
  • die Lizenzvereinbarung zur Verwendung der Produktdaten in der authorized.by-App vom Shop akzeptiert wurde
  • die Produktdaten als „Up-to-Date“ bestätigt wurden

​

​

OUTDATED!��Learn more

14 of 17

14

​

Mobile Siegel

  • Mobile Siegel werden unterhalb eines Viewports von 640px angezeigt
  • Die Anzeige von mobilen Siegeln wird in der authorized.by App unter “Siegel” geregelt
  • Das mobile Header Siegel ist als Top-Bar Variante konzipiert und kann vom User bei Bedarf ausgeblendet werden
  • Oberhalb des genannten Viewports werden die Desktop-Varianten der Siegel angezeigt

Konfiguration in der authorized.by-App

Die meisten Einstellungen zur Anzeige der Siegel werden in Ihrem Account in der authorized.by App geregelt:

  • Aktivieren/Deaktivieren der spezifischen Siegel (implementierte Platzhalter bleiben bei Deaktivierung des Siegels leer)
  • Aktivieren/Deaktivieren der mobilen Varianten der Siegel (bei Deaktivierung wird kein Siegel auf mobilen Endgeräten angezeigt)
  • Setzen des Z-Index für die Siegel
  • Anpassung der Positionierung für Sidebar (desktop und mobile)
  • Konfiguration des Test-Siegels

​

Client-basierte Konfiguration

Die client-basierte Konfiguration im HTML-Code umfasst lediglich

  • Global
    • Übermittlung der EAN/GTIN auf Produktdetailseiten (wichtig!)
    • Spracheinstellung

​

  • Für die jeweiligen Platzhalter
    • Bestimmung der Siegel-Variante (Header, Sidebar, Content, Footer)
    • Position der Anzeige des Siegels (Header, Content, Footer; Sidebar hat feste Positionen)

​

Status der Services bei authorized.by in Echtzeit

  • http://status.authorized.by/

​

​

OUTDATED!��Learn more

15 of 17

15

Bei der Verwendung des authorized.by Echtzeit-Siegels empfehlen wir Ihnen �die Aufnahme des nachfolgenden Passus in Ihre Datenschutzerklärung:

​

​

Verwendung des authorized.by Badge

Wir verwenden auf unserer Website “authorized.by Badges” der authorized.by GmbH (Theresienstraße 66, 80333 München; “authorized.by”).

Die Datenverarbeitung dient dem Zweck, Ihnen anzuzeigen, dass wir autorisierter Partner der von uns vertriebenen Markenhersteller sind bzw. dass wir berechtigt sind, das genannte Markenprodukt zu vertreiben. Zur Anzeige der Badges ist es erforderlich, dass an authorized.by beim Aufruf der Website Daten (IP-Adresse, Gerätetyp, Betriebssystem, Browsertyp) übermittelt werden. Diese Daten dienen lediglich zur Herstellung der Verbindung zum Zeitpunkt der Anzeige auf Ihrem Rechner. Darüber hinaus hält authorized.by diese Daten lediglich für einen Zeitraum von sieben Tagen zur Fehlerbehebung vor. Die erhobenen Daten werden nicht mit anderen Daten zusammengeführt und von authorized.by nicht an Dritte weitergegeben.

​

Diese Datenverarbeitung erfolgt auf Grundlage des Art. 6 Abs. 1 lit. f DSGVO aus unserem überwiegenden berechtigten Interesse, Ihnen gegenüber darzustellen, dass wir autorisierter Partner unserer Markenhersteller sind. Dies erleichtert Ihnen beispielsweise die Durchsetzung etwaiger Garantieansprüche gegenüber dem Markenhersteller (vgl. Art. 21 Abs. 1 Satz 2 letzter Halbsatz DSGVO).

​

Nähere Informationen zum Datenschutz bei authorized.by finden Sie unter: https://www.authorized.by/datenschutz/

3. Hinweis in Ihrer Datenschutzerklärung

16 of 17

16

Die von authorized.by zur Verfügung gestellten Siegel und deren Bestandteile – einschließlich des TÜV-Logos – sind und bleiben geistiges Eigentum von authorized.by bzw. der TÜV Saarland Holding GmbH. Der Händler darf die Siegel – bei Vorliegen der jeweiligen Voraussetzungen – entsprechend den Regelungen unserer Zusatzvereinbarung für Händler, dieser Integrationsanleitung und der AGB von authorized.by nutzen. Eine anderweitige Nutzung des Siegels und dessen graphischer und/oder Wortbestandteile ist ohne vorherige ausdrückliche Zustimmung von authorized.by nicht gestattet. Insbesondere ist es dem Händler nicht gestattet, die Bezeichnung „TÜV“ in irgendeinem anderen Zusammenhang werblich zu nutzen, beispielsweise durch Vermarktung seines Shops als „TÜV-zertifiziert“ oder „TÜV-geprüft“. �Zulässig ist jedoch die Werbeaussage, dass – bei erfolgreicher Durchführung des ShopIdent-Verfahrens – der Shop „TÜV-ShopIdent überprüft“ ist.

4. Hinweis zur werblichen Verwendung unserer Marken

Bitte beachten Sie dringend folgenden Hinweis bei der werblichen Verwendung unserer Marken, Siegel, Logos und Kennzeichen:

​

​

17 of 17

17

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

Sie haben Fragen?

Wir helfen gerne!

Hotline: +49 (0) 89 / 716 723 700

E-Mail: support@authorized.by

​

​