Wie zeige ich Sendungsverfolgung am einfachsten auf meiner Website?

Fügen Sie ein Script-Tag und ein tracking-globe-Element aus dem Konfigurator auf ifcvieweronline.eu/tracking-globe ein. Es braucht weder Konto noch Karten-API-Schlüssel noch ein eigenes Backend, außer Sie wollen Live-Daten.

Kann ich es in SharePoint Online einsetzen?

Ja, über das Webpart „Einbetten“ als iframe, sobald ein Websitebesitzer die Domain unter HTML-Feldsicherheit hinzufügt. Moderne Seiten führen keine Skripte aus dem Inhalt aus. In einem echten Mandanten haben wir es nicht getestet.

Kann ich eine Live-Karte in einen Taobao-Shop einbauen?

Wir konnten keinen unterstützten Weg bestätigen. Die Shop-Gestaltung bei Taobao ist ein geschlossener Editor, daher bieten wir einen Bildexport an und empfehlen, die Live-Karte auf Ihrer eigenen Seite zu hosten.

Verfolgt die Karte Schiffe oder Pakete von selbst?

Nein. Sie zeichnet, was Sie liefern: Termine, Fortschritt oder Positionen aus Ihrem System. Sie verbindet sich nicht mit Frachtführern, und die Routen sind schematisch.

Macht es meine Seite langsamer?

Zuerst läuft ein 3-KB-Loader, der den Platz reserviert. Die 27-KB-Engine lädt erst, wenn die Karte in die Nähe des Bildschirms kommt, und außerhalb wird nicht gezeichnet. Auf unseren Testseiten maßen wir null Layoutverschiebung.

Zurück zum BIM- & IFC-Blog

Werkzeuge & Vergleiche · 2026-10-31 · 5 Min.

Sendungsverfolgung auf der eigenen Website einbetten: WordPress, Shopify, SharePoint und Taobao

Lieferanten und Spediteure können Kunden auf der eigenen Website zeigen, wo die Ware ist, ohne Karten-API-Schlüssel oder Backend. Hier steht, was auf welcher Plattform geht, was es die Seite kostet und wo die ehrliche Antwort Nein lautet.

Sendungsverfolgung auf der eigenen Website einbetten: WordPress, Shopify, SharePoint und Taobao — IFC Viewer Online article cover

Wer auf einen Container aus Shanghai wartet, bekommt meist ein PDF und einen Link zur Reederei. Als Lieferant oder Spediteur können Sie dasselbe auf Ihrer eigenen Website zeigen, auf einem Globus und in Ihren Farben. Der Tracking Globe erledigt das mit einem Code-Schnipsel und ohne Karten-API-Schlüssel und passt auf die meisten Websites. Nicht auf alle, und diese Anleitung sagt, auf welche.

Das Wichtigste

WordPress und Shopify nehmen ein Script-Tag. SharePoint Online nimmt ein iframe, sobald ein Websitebesitzer die Domain erlaubt.
Für Taobao und Tmall konnten wir keinen Weg für ein Live-Widget bestätigen; der gangbare Weg dort ist ein Bild.
Es zeichnet Ihre Daten oder eine Simulation, die immer als solche gekennzeichnet ist. Es verbindet sich nicht mit Frachtführern.
Rund 30 KB in zwei Schritten, ohne Cookies, ohne Anfragen an Dritte.

Ein 3D-Globus mit Sendungen von China nach Europa per See, Luft und Schiene, daneben eine Liste mit Status und Fortschritt — Simulierte Sendungen im echten Widget. Simulationen tragen immer ein sichtbares Etikett.

Was auf welcher Plattform geht

Plattform	Einbindung	Der Haken	Was wir getestet haben
Jede HTML-Website	Script-Tag und Element	Eine strenge Content-Security-Policy muss den Skript-Host aufführen	Desktop und Handy, Gewicht und Layoutverschiebung gemessen
WordPress	Block „Individuelles HTML“ oder Shortcode aus unserem kleinen Plugin	Rollen ohne unfiltered_html verlieren den Code; WordPress.com braucht einen bezahlten Tarif	Block-Markup im Browser, Plugin mit PHP; keine echte Installation
Shopify	Abschnitt „Custom Liquid“ oder Theme-Abschnittsdatei	Rich-Text-Felder entfernen es; Headless-Shops mit eigener Richtlinie müssen den Host erlauben	Eine Seite mit den Sicherheits-Headern eines echten Shops; nicht in einem Shop
SharePoint Online	Webpart „Einbetten“, als iframe	Ein Websitebesitzer muss die Domain erlauben; Seitenskripte laufen nicht	Ein Sandbox-iframe unter strenger Richtlinie; kein echter Mandant
Taobao / Tmall	Ein Bild im Bildspeicher Ihres Shops	Kein Live-Widget, das wir bestätigen können; externe Links sind begrenzt	Nur der Bildexport

In vier Schritten einbauen

Daten wählen Eine simulierte Demo, eine eingefügte Tabelle oder JSON oder eine eigene URL, die JSON liefert. Eingefügte Daten stehen lesbar im Seitenquelltext, vertrauliche Sendungen gehören also hinter einen Feed oder eine Abfrage je Referenz.
An die Marke anpassen Farben, Logo, Schrift, Sprache und Höhe. Auch Ihr eigenes Stylesheet kann die Variablen setzen, damit das Widget dem Design Ihrer Website folgt.
Festlegen, was Besucher steuern Ziehen, Zoom, der Wechsel zwischen Globus und Karte, Liste, Suche, Legende und Vollbild lassen sich einzeln abschalten. Das Etikett bei Simulationen nicht.
Schnipsel für Ihre Plattform kopieren Der Konfigurator schreibt für jede Plattform die passende Version, einschließlich der Domain, die ein SharePoint-Besitzer erlauben muss.

Echte Daten, ohne unseren Server

Der Browser jedes Besuchers ruft Ihre URL direkt auf, Ihre Sendungsdaten laufen also nie über uns. Diese URL muss Cross-Origin-Anfragen erlauben und braucht eigene Zugriffsregeln, wenn die Daten vertraulich sind. Zeilen akzeptieren die bei Frachtführern und in Tabellen üblichen Namen, etwa tracking_number, origin, destination, eta, latitude und longitude. Eine Abfrage-URL mit {id} liefert jeweils eine Referenz, sodass ein Kunde seine Sendung sieht und nicht Ihren ganzen Bestand.

Was es die Seite kostet

Ein 3-KB-Loader reserviert den Platz, nichts springt. Die 27-KB-Engine lädt, wenn die Karte auf 300 px an den Bildschirm heranrückt, oder auf Wunsch beim Klick. Auf unseren Testseiten, am Desktop und auf einem emulierten Handy, war die Layoutverschiebung null, und die Engine lud erst beim Heranscrollen. Außerhalb des Bildschirms wird nicht gezeichnet, das Mausrad scrollt weiter Ihre Seite, außer mit Strg oder ⌘, und die Einstellung für reduzierte Bewegung stoppt die Drehung. Die Weltkarte steckt in der Datei, keine Besucher-IP geht an einen Kartenanbieter.

Wo die Antwort Nein oder Noch nicht lautet

WordPress entfernt iframes und Skripte bei Nutzern ohne die Berechtigung unfiltered_html^[wp], und WordPress.com erlaubt sie nur im bezahlten Tarif^[wpcom]. SharePoint führt eine Zulassungsliste je Website^[sp], und ein SPFx-Webpart, das den App-Katalog Ihres Mandanten bräuchte, haben wir nicht gebaut. Zu Taobao ist die offiziellste Quelle, die wir fanden^[taobao], ein alter Entwurf, fragen Sie also die Plattform, bevor Sie sich auf etwas verlassen. Für Käufer in China hosten Sie die beiden Dateien auf einem Server dort: Wie diese Website von China aus lädt, haben wir nicht gemessen.

Quellen

Block „Individuelles HTML“ — WordPress.org. Nutzern ohne unfiltered_html werden iframes und Skripte entfernt.
Block „Individuelles HTML“ — WordPress.com. Skripte und iframes brauchen einen bezahlten Tarif mit aktiven Hosting-Funktionen.
Ein Webpart „Einbetten“ in eine moderne SharePoint-Online-Seite einfügen — Marc D Anderson. Die Zulassungsliste der HTML-Feldsicherheit, je Website. Ein Erfahrungsbericht, keine Microsoft-Dokumentation.
Vorlagenregeln des Taobao-Gestaltungsmarkts — Alibaba Open Platform. Ein alter Entwurf und die offiziellste Quelle, die wir finden konnten.

Sendungsverfolgung auf der eigenen Website einbetten: WordPress, Shopify, SharePoint und Taobao