为您自己的网站打造货运跟踪地球
让客户看到货物所在位置：3D 地球或平面地图，使用您的配色和语言。只需粘贴一段代码。组件约 30 KB，不使用 Cookie，接近屏幕时才加载，无需注册账号。
添加到您的网站
- 粘贴到地图应出现的位置。每页只需一个 script 标签。
- 添加“自定义 HTML”区块并粘贴此内容。
- 如果 WordPress 将其移除，说明您的角色没有 unfiltered_html（多站点的编辑常见此情况）。请安装下方插件并使用短代码，或请管理员操作。
- WordPress.com：需要付费套餐并启用托管功能；免费套餐会移除脚本和 iframe。
短代码
iframe（脚本被拒绝时）
- 主题编辑器 → 添加分区 → 自定义 Liquid，并粘贴此内容。
- 或将下方文件放入主题的 sections/ 文件夹，在编辑器中选择“Tracking globe”并粘贴配置。
- 页面和商品的富文本字段会移除此代码；请使用分区。
- 拥有自己 Content-Security-Policy 的无头商店必须允许此脚本的主机。
配置值
- 我们能确认的：淘宝和天猫的店铺装修是封闭的编辑器，使用模板和获批模块。我们没有找到受支持的第三方脚本或 iframe 运行方式，也没有找到相反的现行官方规则，因此我们不承诺可以在其中放置实时组件。
- 可行的做法：将当前视图下载为图片，上传到店铺的图片空间。
- 如需实时跟踪，请将组件托管在您自己的页面，并在商品页之外分享给买家。商品页中的外部链接受平台规则限制，请先核实。
- 面向中国买家：请将 tracker.js 和 engine.js 托管在中国境内的服务器上。我们尚未测量本站在中国的加载情况。
- 只有地图的页面，可用于邮件、二维码或任何接受 URL 的地方。
iframe
邮件套件：Pro 方案
邮件平台的个人跟踪链接、带品牌的销售页面、状态图片和 GIF 属于 Pro 方案，目前尚未开售。网站组件仍然免费。
- 在邮件平台创建这些字段，并为每位收件人填写。
- 将四张状态图片上传到您的网站或平台文件管理器，并在下方填写文件夹。
- 将 HTML 块粘贴到代码块中，或只在自己的按钮上使用链接。
- 任何活动之前，先给自己发送测试并打开链接。
我的字段名
使用平台中的名称。值不能包含 & 或 #。请用 shanghai 这样的代码，或测试您自己的值。个人链接
此链接较长。将品牌文件放到您的网站（高级）可缩短。
打开示例页面 部分 Outlook 桌面版只显示第一帧。发送前请检查文件大小。邮件 HTML 块
高级
正式活动请将 p.html、page.js、tracker.js 和 engine.js 托管在您自己的域名上：收件人和垃圾邮件过滤器更信任它。标签遵循各平台语法，但尚未从这些平台实际发送：请先测试。持有链接的人都能修改它，切勿放入私密数据。
适用平台，以及我们实际测试过的内容
| 平台 | 接入方式 | 已测试 |
|---|---|---|
| WordPress | HTML 区块、短代码或 iframe | 区块标记已在浏览器测试，插件已用 PHP 测试。尚未在真实安装中测试。 |
| Shopify | 自定义 Liquid 或主题分区 | 使用真实商店安全响应头的页面。未在真实商店中测试。 |
| SharePoint Online | “嵌入” Web 部件，仅 iframe | 严格策略下的沙盒 iframe。未在真实租户中测试。 |
| 淘宝 / 天猫 | 仅图片 | 仅导出图片。无实时组件。 |
| 任意 HTML 网站 | script 标签 | 桌面和手机浏览器，已测量体积和布局偏移。 |
| 邮件（Mailchimp、HubSpot、Salesforce、Pardot、Klaviyo） | Pro · 图片加个人链接，指向带品牌的跟踪页面 | 页面和邮件块已在浏览器中测试，尚未从这些平台实际发送。 |
为什么不会拖累您的页面
约 30 KB，分两步加载
3 KB 的加载器预留位置，页面不会跳动。27 KB 的引擎在地图接近屏幕时才加载。没有地图库，也没有瓦片服务器。
无需征求同意
没有 Cookie、分析或第三方请求。世界地图内置在文件中，访客 IP 不会发送给地图服务商。
可自由定制
在表单中设置颜色、字体、Logo 和语言。您的 CSS 可以设置 --tg-accent 等变量，并通过 ::part() 调整各部分。
常见问题
这是实时 GPS 跟踪器吗？
不是。它绘制您提供的数据：来自您系统的日期、进度或位置。它不连接承运商或船舶。路线是示意性的，不用于导航。
可以展示模拟货运吗？
可以，用于演示和销售页面。它们始终带有可见的“模拟数据”标签，以免被误认为真实货物。
如何保护货运数据隐私？
不要把数据粘贴到代码中。让组件指向您的服务器并使用单号查询，按您的规则每次只获取一个单号。
能在 SharePoint 中使用吗？
可以通过“嵌入” Web 部件以 iframe 方式使用，前提是网站所有者允许该域名。内容中的脚本不会运行。我们尚未在真实租户中测试。
能在淘宝上使用吗？
就我们能确认的情况，无法作为实时组件使用。您可以发布地图图片，并在自己的页面托管实时版本。
需要付费吗？
无需账号，也无需费用。它在访客的浏览器中运行，没有我们的服务器需要付费。
邮件套件免费吗？
不免费。网站组件免费；邮件套件和跟踪页面生成器属于 Pro 方案，目前尚未开售。
实时 3D 地图能在邮件里运行吗？
不能。邮件客户端不运行脚本。邮件中放图片或 GIF 和个人链接，交互地图在跟踪页面打开。
如何衡量带来的销售？
邮件平台统计链接点击。页面所有外链都带活动标签，您的商店分析可以归因销售。与收到普通邮件的对照组比较，才能衡量真实提升。