Un globe de suivi des expéditions pour votre propre site
Montrez à vos clients où se trouve leur marchandise, sur un globe 3D ou une carte plane, à vos couleurs et dans votre langue. Collez un extrait de code. Le widget pèse environ 30 Ko, ne dépose aucun cookie, ne charge qu’à l’approche de l’écran et ne demande aucun compte.
Ajoutez-le à votre site
- Collez ceci là où la carte doit apparaître. La balise script suffit une fois par page.
- Ajoutez un bloc HTML personnalisé et collez ceci.
- Si WordPress le retire, votre rôle n’a pas unfiltered_html (courant pour les éditeurs en multisite). Installez l’extension ci-dessous et utilisez le shortcode, ou demandez à un administrateur.
- WordPress.com : il faut un plan payant avec les fonctions d’hébergement actives ; le plan gratuit retire scripts et iframes.
Shortcode
iframe, si les scripts sont refusés
- Éditeur de thème → Ajouter une section → Liquid personnalisé, et collez ceci.
- Ou ajoutez le fichier ci-dessous au dossier sections/ du thème, choisissez « Tracking globe » dans l’éditeur et collez la configuration.
- Les champs de texte enrichi des pages et produits retirent ce code ; utilisez une section.
- Les boutiques headless avec leur propre Content-Security-Policy doivent autoriser l’hôte de ce script.
Valeur de configuration
- Ce que nous avons pu confirmer : la décoration de boutique Taobao et Tmall est un éditeur fermé, avec modèles et modules approuvés. Nous n’avons trouvé ni voie admise pour exécuter des scripts ou iframes tiers, ni règle officielle actuelle disant le contraire. Nous n’y promettons donc pas de widget en direct.
- Ce qui fonctionne : téléchargez cette vue en image et envoyez-la dans l’espace d’images de votre boutique.
- Pour un suivi en direct, hébergez le widget sur votre propre page et partagez-la hors de l’annonce. Les liens externes dans les annonces sont limités par les règles de la plateforme : vérifiez-les d’abord.
- Acheteurs en Chine : hébergez tracker.js et engine.js sur un serveur en Chine. Nous n’avons pas mesuré le chargement de ce site depuis là-bas.
- Une page avec seulement la carte, pour e-mails, codes QR ou tout ce qui accepte une URL.
iframe
Kit e-mail : offre Pro
Les liens personnels pour votre plateforme d’e-mail, la page de vente à votre marque, les images de statut et le GIF font partie de Pro, pas encore en vente. Le widget pour votre site reste gratuit.
- Créez ces champs dans votre plateforme, remplis pour chaque destinataire.
- Déposez les quatre images de statut sur votre site ou le gestionnaire de fichiers et indiquez le dossier ci-dessous.
- Collez le bloc HTML dans un bloc de code, ou utilisez seulement le lien sur votre bouton.
- Envoyez-vous un test et ouvrez le lien avant toute campagne.
Mes noms de champs
Utilisez les noms de votre plateforme. Les valeurs ne doivent contenir ni & ni #. Utilisez des codes comme shanghai, ou testez les vôtres.Lien personnel
Ce lien est long. Hébergez le fichier de marque sur votre site (Avancé) pour le raccourcir.
Ouvrir une page d’exemple Certaines versions d’Outlook de bureau n’affichent que la première image. Vérifiez le poids avant l’envoi.Bloc HTML pour l’e-mail
Avancé
Pour de vraies campagnes, hébergez p.html, page.js, tracker.js et engine.js sur votre domaine : destinataires et filtres antispam lui font davantage confiance. Les balises suivent la syntaxe de chaque plateforme mais n’ont pas été envoyées depuis celles-ci : testez d’abord. Tout détenteur d’un lien peut le modifier : n’y mettez jamais de données privées.
Où ça marche, et ce que nous avons vraiment testé
| Plateforme | Intégration | Testé |
|---|---|---|
| WordPress | Bloc HTML, shortcode ou iframe | Balisage du bloc en navigateur, extension avec PHP. Pas encore sur une vraie installation. |
| Shopify | Liquid personnalisé ou section de thème | Page avec les en-têtes de sécurité d’une vraie boutique. Pas dans une boutique en ligne. |
| SharePoint Online | Composant Incorporer, iframe seulement | Iframe isolée sous politique stricte. Pas dans un vrai tenant. |
| Taobao / Tmall | Image seulement | Export d’image seulement. Pas de widget en direct. |
| Tout site HTML | Balise script | Navigateurs de bureau et mobile, poids et décalage de mise en page mesurés. |
| E-mail (Mailchimp, HubSpot, Salesforce, Pardot, Klaviyo) | Pro · Image et lien personnel vers une page de suivi à votre marque | Page et bloc dans un navigateur. Pas encore envoyé depuis ces plateformes. |
Pourquoi il ne gêne pas votre page
Environ 30 Ko, en deux temps
Un chargeur de 3 Ko réserve la place, rien ne saute. Le moteur de 27 Ko arrive à l’approche de la carte. Ni bibliothèque de cartes, ni serveur de tuiles.
Rien à faire accepter
Ni cookies, ni analytique, ni appels à des tiers. La carte du monde est dans le fichier : aucune IP de visiteur ne part chez un fournisseur de cartes.
À vous de l’adapter
Couleurs, police, logo et langue dans le formulaire. Votre CSS peut définir --tg-accent et autres, et atteindre les éléments avec ::part().
Questions
Est-ce un traceur GPS en temps réel ?
Non. Il dessine les données que vous fournissez : dates, avancement ou positions issues de votre système. Il ne se connecte ni aux transporteurs ni aux navires. Les routes sont schématiques, pas de navigation.
Puis-je montrer des expéditions simulées ?
Oui, pour des démos et pages de vente. Elles portent toujours l’étiquette visible « Données simulées », pour que personne ne les prenne pour du vrai fret.
Comment garder les données privées ?
Ne les collez pas dans le code. Pointez le widget vers votre serveur et utilisez la recherche, qui demande une référence à la fois selon vos règles.
Fonctionne-t-il dans SharePoint ?
Via le composant Incorporer, en iframe, une fois le domaine autorisé par un propriétaire du site. Les scripts du contenu n’y tournent pas. Nous ne l’avons pas testé dans un vrai tenant.
Fonctionne-t-il sur Taobao ?
Pas en widget en direct, à notre connaissance. Vous pouvez publier une image de la carte et héberger la version en direct sur votre page.
Combien ça coûte ?
Ni compte ni frais. Il tourne dans le navigateur du visiteur : il n’y a pas de serveur de notre part à payer.
Le kit e-mail est-il gratuit ?
Non. Le widget pour votre site est gratuit ; le kit e-mail et le créateur de page de suivi font partie de l’offre Pro, pas encore en vente.
La carte 3D peut-elle tourner dans un e-mail ?
Non. Les messageries n’exécutent pas de scripts. L’e-mail contient une image ou un GIF et un lien personnel ; la carte interactive s’ouvre sur la page de suivi.
Comment mesurer les ventes ?
Votre plateforme compte les clics sur le lien. Chaque lien sortant porte des balises de campagne, pour que l’analyse de votre boutique attribue les ventes. Comparez avec un groupe recevant l’e-mail normal pour mesurer le gain réel.