Retour au blog BIM & IFC
Outils & comparatifs · 2026-10-31 · 5 min
Intégrer une carte de suivi des expéditions à votre site : WordPress, Shopify, SharePoint et Taobao
Fournisseurs et transitaires peuvent montrer à leurs clients où se trouve la marchandise, sur leur propre site, sans clé d’API de carte ni backend. Voici ce qui passe sur chaque plateforme, ce que cela coûte à la page et où la réponse honnête est non.
Intégrer une carte de suivi des expéditions à votre site : WordPress, Shopify, SharePoint et Taobao — IFC Viewer Online article cover
Celui qui attend un conteneur de Shanghai reçoit en général un PDF et un lien vers l’armateur. Fournisseur ou transitaire, vous pouvez montrer la même information sur votre site, sur un globe et à vos couleurs. Le Tracking Globe le fait avec un extrait de code et sans clé d’API de carte, et convient à la plupart des sites. Pas à tous, et ce guide dit lesquels.
L’essentiel
- WordPress et Shopify acceptent une balise script. SharePoint Online accepte une iframe, une fois le domaine autorisé par un propriétaire du site.
- Sur Taobao et Tmall, nous n’avons pas pu confirmer de moyen d’exécuter un widget en direct : la voie admise y est une image.
- Il dessine vos données, ou une simulation toujours signalée comme telle. Il ne se connecte pas aux transporteurs.
- Environ 30 Ko en deux temps, sans cookies, sans requêtes vers des tiers.
Expéditions simulées dans le vrai widget. Les simulations portent toujours une étiquette visible.
Ce qui passe sur chaque plateforme
| Plateforme | Intégration | Le hic | Ce que nous avons testé |
|---|
| Tout site HTML | Balise script et élément | Une Content-Security-Policy stricte doit lister l’hôte du script | Bureau et téléphone, poids et décalage de mise en page mesurés |
| WordPress | Bloc HTML personnalisé, ou shortcode de notre petite extension | Les rôles sans unfiltered_html perdent le code ; WordPress.com exige un plan payant | Balisage du bloc en navigateur, extension avec PHP ; pas une vraie installation |
| Shopify | Section Liquid personnalisé, ou fichier de section du thème | Les champs de texte enrichi le retirent ; les boutiques headless avec leur politique doivent autoriser l’hôte | Une page avec les en-têtes de sécurité d’une vraie boutique ; pas dans une boutique |
| SharePoint Online | Composant Incorporer, en iframe | Un propriétaire doit autoriser le domaine ; les scripts de page ne tournent pas | Une iframe isolée sous politique stricte ; pas un vrai tenant |
| Taobao / Tmall | Une image dans l’espace d’images de votre boutique | Aucun widget en direct que nous puissions confirmer ; les liens externes sont limités | L’export d’image seulement |
L’ajouter en quatre étapes
- Choisissez vos données Une démo simulée, un tableur ou du JSON collés, ou une URL à vous qui renvoie du JSON. Les données collées se lisent dans la source de la page : les expéditions privées vont derrière un flux ou une recherche par référence.
- Adaptez à votre marque Couleurs, logo, police, langue et hauteur. Votre feuille de style peut aussi définir les variables, pour que le widget suive le thème du site.
- Décidez ce que contrôle le visiteur Glisser, zoom, bascule globe et carte, liste, recherche, légende et plein écran se désactivent un à un. Pas l’étiquette des simulations.
- Copiez l’extrait de votre plateforme Le configurateur écrit la bonne version pour chaque plateforme, y compris le domaine qu’un propriétaire SharePoint doit autoriser.
Des données réelles, sans serveur de notre part
Le navigateur de chaque visiteur appelle directement votre URL : vos données d’expédition ne passent jamais par nous. Cette URL doit autoriser les requêtes d’autres origines et a besoin de ses propres règles d’accès si les données sont privées. Les lignes acceptent les noms courants chez les transporteurs et dans les tableurs, comme tracking_number, origin, destination, eta, latitude et longitude. Une URL de recherche avec {id} renvoie une référence à la fois : le client voit son expédition, pas tout votre portefeuille.
Ce que cela coûte à la page
Un chargeur de 3 Ko réserve la place, rien ne saute. Le moteur de 27 Ko charge quand la carte arrive à 300 px de l’écran, ou au clic si vous préférez. Sur nos pages de test, sur ordinateur et téléphone émulé, le décalage de mise en page était nul et le moteur n’a pas chargé avant qu’on fasse défiler vers lui. Le dessin s’arrête hors écran, la molette continue de faire défiler votre page sauf avec Ctrl ou ⌘, et le réglage de mouvement réduit arrête la rotation. La carte du monde est dans le fichier : aucune IP de visiteur ne part chez un fournisseur de cartes.
Là où la réponse est non, ou pas encore
WordPress retire iframes et scripts aux utilisateurs sans la capacité unfiltered_html[wp], et WordPress.com ne les permet qu’avec un plan payant[wpcom]. SharePoint tient une liste d’autorisation par site[sp], et nous n’avons pas créé de composant SPFx, qui exigerait le catalogue d’applications de votre organisation. Pour Taobao, la source la plus officielle trouvée[taobao] est un ancien brouillon : interrogez la plateforme avant de vous y fier. Pour les acheteurs en Chine, hébergez les deux fichiers sur un serveur là-bas : nous n’avons pas mesuré le chargement de ce site depuis la Chine.
Intégrer une carte de suivi des expéditions à votre site : WordPress, Shopify, SharePoint et Taobao