Anmelden

nShift Help Center

Einbetten des Track-Widgets

Avatar
Malene Tidemann
Aktualisiert


Halten Sie Ihre Kunden auf Ihrer Website, indem Sie das Track-Widget in Ihre Webseite einbetten. Dies erfolgt typischerweise durch die Einrichtung einer dedizierten Tracking-Seite, die für die Aufnahme des Widgets vorgesehen ist. Anschließend können Sie einen Tracking-Link an Ihren Endkunden senden, der direkt auf die Tracking-Seite zugreifen kann. 

 

Führen Sie die folgenden Schritte aus, um ein Track-Widget einzubetten:

  1. Stellen Sie sicher, dass Sie ein Track Public Profile eingerichtet haben. (Weiterlesen). 
     
  2. Fügen Sie die Domain Ihrer Website hinzu (auf der das Track-Widget eingebettet wird). Dies erfolgt unter Embed Settings auf der Konfigurationsseite Ihres öffentlichen Profils. Dadurch wird Ihre Domain auf die Whitelist gesetzt und das Track-Widget kann korrekt geladen werden. 

    embed-settings.png
     

  3. Laden Sie den Code des Track-Widgets:

    <script src="https://www.nshiftportal.com/ui/.host/asset-redirects/track-embed-script" id="nshift-tracking-widget" ></script>

    Hinweis: Stellen Sie sicher, dass id="nshift-tracking-widget" enthalten ist. Dies wird intern vom Skript verwendet.

     

  4. Wählen Sie aus, welches Element der Seite als Container für das Track-Widget dienen soll, und geben Sie ihm eine eindeutige ID. Beispiel:

    <div id="nshift-tracking-widget-container"></div>

     

  5. Nachdem das Skript geladen wurde und Sie das Widget rendern möchten, können Sie Javascript verwenden, um das Track-Widget zu initialisieren. Verwenden Sie die Methode renderTrackingApp; diese wird auf dem window-Objekt unter nShiftTrackingAPI verfügbar gemacht:

    window.nShiftTrackingAPI.renderTrackingApp({ 
      containerId: 'nshift-tracking-widget-container', 
      publicProfile: '<YOUR_TRACK_PUBLIC_PROFILE', 
      query: '<YOUR_SHIPMENT_ID' 
      })

Verwandte Beiträge