Qual è il modo più semplice per mostrare il tracciamento delle spedizioni sul mio sito?

Incolla un tag script e un elemento tracking-globe dal configuratore su ifcvieweronline.eu/tracking-globe. Non servono account, chiave API di mappe né un tuo backend, a meno che tu non voglia dati live.

Posso usarlo in SharePoint Online?

Sì, con la web part Incorpora, come iframe, dopo che un proprietario del sito ha aggiunto il dominio in Sicurezza campi HTML. Le pagine moderne non eseguono script dal contenuto. Non l’abbiamo provato in un tenant reale.

Posso mettere una mappa live in un negozio Taobao?

Non abbiamo potuto confermare alcun modo supportato. La decorazione dei negozi Taobao è un editor chiuso, quindi offriamo l’esportazione di un’immagine e consigliamo di ospitare la mappa live sulla tua pagina.

La mappa traccia da sola navi o pacchi?

No. Disegna ciò che le dai: date, avanzamento o posizioni dal tuo sistema. Non si collega ai vettori e le rotte sono schematiche.

Rallenterà la mia pagina?

Prima gira un caricatore da 3 KB che riserva lo spazio. Il motore da 27 KB si carica solo quando la mappa si avvicina allo schermo, e fuori schermo non disegna. Abbiamo misurato zero spostamenti del layout sulle pagine di prova.

Torna al blog BIM e IFC

Strumenti e confronti · 2026-10-31 · 5 min

Come incorporare una mappa di tracciamento spedizioni nel tuo sito: WordPress, Shopify, SharePoint e Taobao

Fornitori e spedizionieri possono mostrare ai clienti dov’è la merce, sul proprio sito, senza chiave API di mappe né backend. Ecco cosa si può fare su ogni piattaforma, quanto costa alla pagina e dove la risposta onesta è no.

Come incorporare una mappa di tracciamento spedizioni nel tuo sito: WordPress, Shopify, SharePoint e Taobao — IFC Viewer Online article cover

Chi aspetta un container da Shanghai di solito riceve un PDF e un link del vettore. Se sei il fornitore o lo spedizioniere, puoi mostrare lo stesso sul tuo sito, su un globo e con i tuoi colori. Il Tracking Globe lo fa con un frammento di codice e senza chiave API di mappe, e va bene per la maggior parte dei siti. Non per tutti, e questa guida dice quali.

In sintesi

WordPress e Shopify accettano un tag script. SharePoint Online accetta un iframe, dopo che un proprietario consente il dominio.
Su Taobao e Tmall non abbiamo potuto confermare un modo per eseguire un widget live, quindi lì la via supportata è un’immagine.
Disegna i tuoi dati, o una simulazione sempre indicata come tale. Non si collega ai vettori.
Circa 30 KB in due fasi, senza cookie, senza richieste a terzi.

Un globo 3D con spedizioni dalla Cina all’Europa via mare, aereo e ferrovia, accanto a un elenco con stato e avanzamento — Spedizioni simulate nel widget reale. Le simulazioni portano sempre un’etichetta visibile.

Cosa si può fare su ogni piattaforma

Piattaforma	Come si inserisce	Il limite	Cosa abbiamo provato
Qualsiasi sito HTML	Tag script ed elemento	Una Content-Security-Policy rigida deve elencare l’host dello script	Desktop e telefono, con peso e spostamento del layout misurati
WordPress	Blocco HTML personalizzato, o shortcode del nostro piccolo plugin	I ruoli senza unfiltered_html perdono il codice; WordPress.com richiede un piano a pagamento	Markup del blocco nel browser, plugin con PHP; non un’installazione reale
Shopify	Sezione Liquid personalizzato, o file di sezione del tema	I campi di testo formattato lo rimuovono; i negozi headless con policy propria devono consentire l’host	Una pagina con gli header di sicurezza di un negozio reale; non dentro un negozio
SharePoint Online	Web part Incorpora, come iframe	Un proprietario deve consentire il dominio; gli script di pagina non girano	Un iframe isolato con policy rigida; non un tenant reale
Taobao / Tmall	Un’immagine nello spazio immagini del negozio	Nessun widget live che possiamo confermare; i link esterni sono limitati	Solo l’esportazione dell’immagine

Aggiungilo in quattro passi

Scegli i dati Una demo simulata, un foglio di calcolo o JSON incollati, o un tuo URL che restituisce JSON. I dati incollati si leggono nel sorgente della pagina, quindi le spedizioni private vanno dietro un URL di dati o una ricerca per riferimento.
Adattalo al marchio Colori, logo, font, lingua e altezza. Anche il tuo foglio di stile può impostare le variabili, così il widget segue il tema del sito.
Decidi cosa controlla il visitatore Trascinamento, zoom, passaggio tra globo e mappa, elenco, ricerca, legenda e schermo intero si disattivano uno a uno. L’etichetta delle simulazioni no.
Copia il frammento della tua piattaforma Il configuratore scrive la versione giusta per ogni piattaforma, incluso il dominio che un proprietario SharePoint deve consentire.

Dati reali, senza un nostro server

Il browser di ogni visitatore chiama direttamente il tuo URL, quindi i dati delle spedizioni non passano mai da noi. Quell’URL deve consentire richieste da altre origini e ha bisogno di regole di accesso proprie se i dati sono privati. Le righe accettano i nomi usati da vettori e fogli di calcolo, come tracking_number, origin, destination, eta, latitude e longitude. Un URL di ricerca con {id} restituisce un riferimento alla volta, così il cliente vede la sua spedizione e non tutto il tuo portafoglio.

Quanto costa alla pagina

Un caricatore da 3 KB riserva lo spazio, niente salta. Il motore da 27 KB si carica quando la mappa arriva a 300 px dallo schermo, o al clic se preferisci. Sulle pagine di prova, su desktop e telefono emulato, lo spostamento del layout è stato zero e il motore non si è caricato finché non abbiamo scorso verso di esso. Fuori schermo non disegna, la rotella continua a scorrere la pagina salvo con Ctrl o ⌘, e l’impostazione di movimento ridotto ferma la rotazione. La mappa del mondo è nel file, quindi nessun IP di visitatore va a un fornitore di mappe.

Dove la risposta è no, o non ancora

WordPress rimuove iframe e script agli utenti senza la capacità unfiltered_html^[wp], e WordPress.com li consente solo con un piano a pagamento^[wpcom]. SharePoint tiene un elenco consentiti per sito^[sp], e non abbiamo creato una web part SPFx, che richiederebbe il catalogo app della tua organizzazione. Per Taobao, la fonte più ufficiale trovata^[taobao] è una vecchia bozza, quindi chiedi alla piattaforma prima di fare affidamento su qualcosa. Per gli acquirenti in Cina, ospita i due file su un server lì: non abbiamo misurato come si carica questo sito dalla Cina.

Riferimenti

Blocco HTML personalizzato — WordPress.org. Agli utenti senza unfiltered_html vengono rimossi iframe e script.
Blocco HTML personalizzato — WordPress.com. Script e iframe richiedono un piano a pagamento con le funzioni di hosting attive.
Aggiungere una web part Incorpora a una pagina moderna di SharePoint Online — Marc D Anderson. L’elenco consentiti di Sicurezza campi HTML, per sito. Il resoconto di un professionista, non documentazione Microsoft.
Regole dei modelli del mercato di decorazione Taobao — Alibaba Open Platform. Una vecchia bozza, e la fonte più ufficiale che abbiamo trovato.

Come incorporare una mappa di tracciamento spedizioni nel tuo sito: WordPress, Shopify, SharePoint e Taobao