Skip to main content

Tangiblee Help Center

Verwaltete Integration (empfohlen)

Last Updated:
May 6, 2026

Tangiblee empfiehlt diese Integration, da sie zu 95% unserer Einzelhandelskunden genutzt wird. With this option, the Tangiblee-Team has 99% of integration through. Fügen Sie einfach unser Script zu Ihrer Website hinzu und Sie sind fertig. Tangiblee provides the customer a code line to available, the Tangiblee to the current PDP layout and sicherstellt, dass der CTA von Tangiblee auf den entsprechenden PDPs angezeigt wird.

The adaptation of Tangiblee to the PDP of the customer does using a Mapping Code Script (aka tangiblee-mapper.js). Das Tangiblee-Team wird das erstellen tangiblee-mapper.js and maintenance it is in fall of Managed Integration for the customers. Das für den Client erstellte Skript ist ein Wrapper für tangiblee-mapper.js das wird von Tangiblee CDN geladen tangiblee-mapper.js gebündelt mit dem Tangiblee-API-Skript (tangiblee.js) in ein tangiblee-bundle.min.js.

Tangiblee empfiehlt, das Script direkt auf den entsprechenden Produkt-SKU-Seiten zu installieren, normalerweise im Hauptteil vor dem schließenden Tag. Tangiblee rät davon, unser Script über die Installation von Google Tag Manager (GTM) zu veröffentlichen, da neueste Updates in IOS 17. The direct installation has also to a quickly loading by Call-To-Action (CTA).

The Tangiblee-Script should be installed directly:

  • <body>in den meisten Fällen, normalerweise vor dem schließenden Tag, <body>und wir empfehlen die Verwendung des Async-Attributs!
  • Order in <head>Day aber Async! Liste der Attribute erforderlich
  • can be added to ALL product detail pages, da CTA only on authorized products

Das Tangiblee-Script war:

  • Optimiert für Leistung und wird regelmäßig mit PageSpeed getestet
  • was developed with Lazy-Loading function to load minimum resources, before the users clicking to tangiblee CTA, and the rest to load, after the user has opened Tangiblee.

In einigen Fällen benötigen Kunden mehr als ein Tangiblee-Script, z. B. ein Script für die Produktionswebsite (PRD) und ein Script für die Staging-Website (STG), die jeweils eine andere Tangiblee-Konfiguration anzeigen müssen. Um mehrere Umgebungen für einen Client mit jeweils einer anderen Konfiguration zu unterstützen, wird jedem Script eine eigene Konfiguration zugewiesen Revision. The client version is the last order on the path of the script, how you can see in the following example, the Revision Liste Revision_1 was ist die Standardeinstellung Revision.

[.bad] Das Script wurde nur zur Veranschaulichung hinzugefügt. [.bad]

<script async src="https://cdn.tangiblee.com/integration/3.1/managed/www.tangiblee-integration.com/revision_1/variation_original/tangiblee-bundle.min.js"></script>

[.schlecht]Bitte beachten Sie: This is not your integration snippet, but a example for this guide. Your contact partner at Tangiblee is provide them during the Onboarding process, a integration snippet special for your website. [.bad]

Im Folgenden finden Sie einige Beispiele, die zeigen, wie die verwaltete Integration in verschiedenen Anwendungsfällen mithilfe von Tags funktioniert, von denen jeder seine eigenen hat. Revision.

Typischer Anwendungsfall: Verwaltete Integration

This example and the description treat the usually of the use of Tangiblee Managed Integration. This is usually, when a single script is integrated in the customer website (PRD).

Dieser Demo-Link by Tangiblee Managed Integration has defined the standard revision on the script: Revision_1

How is see in the example link, Revision_1 ist Teil des Pfades zu tangiblee-bundle.min.js. Es ist eine Standardversion, die das Tangiblee-Team bei der Verwendung anbietet Verwaltete Integration auf einen bestimmten PDP-Typ.

When an customer plant, an update for the PDP code, is it essential to notice the Tangiblee team and to provide a link to STG or DEV environment for Tangiblee before the available of the updates. Wenn das Team Tangiblee im Voraus benachrichtigt wird, kann es das aktualisieren tangiblee-mapper.js, falls erforderlich, and test you is on the new PDP, to ensure a continuous operation on PRD after the einführung.

Wenn das Tangiblee-Team eine Änderung feststellt, werden wir angesichts der Arbeitsbelastung unseres Teams so schnell wie möglich daran arbeiten. Dies ist jedoch kein hundertprozentig ausfallsicherer Prozess, und die von Tangiblee vorgenommenen Aktualisierungen spiegeln möglicherweise nicht 100% der vom Kunden vorgenommenen Änderungen wider.

Daher empfehlen wir dringend, dass das Tangiblee-Team jedes Mal auf dem laufenden hält, wenn sie Änderungen an ihrem PDP-Code, ihrer Struktur oder ihrem Layout vornehmen.

The highlights of the oben configuration example and the tags are listed in following:

  1. Eine SKU auf einem PDP
  2. Ein aktives Gebietsschema,
  3. Kein Preis/Währung/ATC im Widget
  4. Keine Auftragsverfolgung

[.bad] Das Script wurde nur zur Veranschaulichung hinzugefügt. [.bad]

<script async src="https://cdn.tangiblee.com/integration/3.1/clients/www.tangiblee-integration.com/revision_1/variation_original/tangiblee-bundle.min.js"></script>

[.schlecht]Bitte beachten Sie: This is not your integration snippet, but a example for this guide. Your contact partner at Tangiblee is provide them during the Onboarding process, a integration snippet special for your website. [.bad]

Extended, by application cases managed integration

Der klassische Anwendungsfall für die Verwendung eines anderen Tags mit einem anderen Revision is for a new website or an new PDP design, typically in the stage environment (STG). In this fall can tangiblee a day with a new Revision damit stellt STG sicher, dass jede Umgebung ihre eigene Konfiguration hat.

This new version will have a new Revision_X Parameter in einem Pfad zum tangiblee-bundle.min.js Datei.

The highlights of the configuration and the tags are listed in following:

  1. Eine SKU auf einem PDP
  2. Ein aktives Gebietsschema
  3. Kein Preis/Währung/ATC im Widget
  4. Keine Auftragsverfolgung

[.bad] Das Script wurde nur zur Veranschaulichung hinzugefügt. [.bad]

<script async src="https://cdn.tangiblee.com/integration/3.1/managed/www.tangiblee-integration.com/revision_2/variation_original/tangiblee-bundle.min.js"></script>

Related Resources