自社サイトのための貨物追跡地球儀
貨物の現在地を、3D 地球儀または平面地図で、自社の色と言語で顧客に見せられます。コードを貼り付けるだけ。ウィジェットは約 30 KB、Cookie なし、画面に近づいたときだけ読み込み、アカウントも不要です。
サイトに追加
- 地図を表示したい場所に貼り付けます。script タグは 1 ページに 1 つで十分です。
- カスタム HTML ブロックを追加して貼り付けます。
- WordPress に削除される場合、権限に unfiltered_html がありません（マルチサイトの編集者によくあります）。下のプラグインを入れてショートコードを使うか、管理者に依頼してください。
- WordPress.com：ホスティング機能を有効にした有料プランが必要です。無料プランではスクリプトと iframe が削除されます。
ショートコード
スクリプトが拒否される場合の iframe
- テーマエディター → セクションを追加 → カスタム Liquid に貼り付けます。
- または下のファイルをテーマの sections/ フォルダーに追加し、エディターで「Tracking globe」を選んで設定値を貼り付けます。
- ページや商品のリッチテキスト欄はこのコードを削除します。セクションを使ってください。
- 独自の Content-Security-Policy を持つヘッドレスストアでは、このスクリプトのホストを許可する必要があります。
設定値
- 確認できたこと：タオバオと Tmall の店舗装飾は、テンプレートと承認済みモジュールによる閉じたエディターです。第三者のスクリプトや iframe を実行する公式な方法も、それを認める現行の公式規則も見つからなかったため、ライブウィジェットはお約束しません。
- 可能なこと：この表示を画像としてダウンロードし、店舗の画像スペースにアップロードします。
- ライブ追跡には、自社ページでウィジェットをホストし、商品ページの外で購入者に共有してください。商品ページの外部リンクはプラットフォーム規則で制限されるため、事前に確認してください。
- 中国の購入者向け：tracker.js と engine.js を中国国内のサーバーでホストしてください。中国からの本サイトの読み込みは測定していません。
- 地図だけのページ。メール、QR コードなど URL を使える場所に。
iframe
メールキット：Pro プラン
メール配信サービス向けの個人追跡リンク、ブランド付き販売ページ、状態画像、GIF は Pro に含まれます。Pro はまだ販売していません。Web サイト用ウィジェットは引き続き無料です。
- メール配信サービスにこれらの項目を作成し、受信者ごとに入力します。
- 4 枚の状態画像を自社サイトまたはファイル管理にアップロードし、下にフォルダーを入力します。
- HTML ブロックをコードブロックに貼り付けるか、自社のボタンにリンクだけを使います。
- キャンペーン前に自分宛てにテスト送信し、リンクを開いて確認します。
自社の項目名
サービス上の名前を使います。値に & や # は使えません。shanghai のようなコードを使うか、自社の値を試してください。個人リンク
リンクが長くなっています。ブランドファイルを自社サイトに置くと短くなります（詳細設定）。
サンプルページを開く Outlook デスクトップ版の一部は最初のフレームのみ表示します。送信前にサイズを確認してください。メール用 HTML ブロック
詳細設定
本番のキャンペーンでは p.html、page.js、tracker.js、engine.js を自社ドメインに配置してください。受信者や迷惑メールフィルターの信頼が高まります。タグは各サービスの構文に沿っていますが、実際の送信は未確認です。先にテストしてください。リンクは持っている人なら誰でも編集できるため、個人情報は入れないでください。
対応先と、実際にテストした内容
| プラットフォーム | 導入方法 | テスト内容 |
|---|---|---|
| WordPress | HTML ブロック、ショートコード、iframe | ブロックのマークアップをブラウザーで、プラグインを PHP でテスト。実環境では未テスト。 |
| Shopify | カスタム Liquid またはテーマセクション | 実店舗のセキュリティヘッダーを適用したページ。実店舗内では未テスト。 |
| SharePoint Online | 「埋め込み」Web パーツ、iframe のみ | 厳格なポリシー下のサンドボックス iframe。実テナントでは未テスト。 |
| タオバオ / Tmall | 画像のみ | 画像書き出しのみ。ライブウィジェットなし。 |
| 任意の HTML サイト | script タグ | デスクトップとスマートフォンのブラウザー。サイズとレイアウトシフトを測定。 |
| メール（Mailchimp、HubSpot、Salesforce、Pardot、Klaviyo） | Pro · 画像と、ブランド付き追跡ページへの個人リンク | ページとブロックはブラウザで確認済み。これらのサービスからの送信は未実施。 |
ページの邪魔をしない理由
約 30 KB、2 段階で読み込み
3 KB のローダーが領域を確保するので、表示がずれません。27 KB のエンジンは地図が近づいたときに届きます。地図ライブラリもタイルサーバーも不要です。
同意を求める必要なし
Cookie、アナリティクス、第三者への通信はありません。世界地図はファイルに内蔵され、訪問者の IP が地図事業者に渡りません。
自由に調整
色、フォント、ロゴ、言語をフォームで設定。CSS で --tg-accent などを指定し、::part() で各部分を調整できます。
よくある質問
リアルタイムの GPS 追跡ですか？
いいえ。自社システムの日付、進捗、位置など、与えられたデータを描画します。運送会社や船舶には接続しません。ルートは模式的で、航行用ではありません。
シミュレーションの貨物を表示できますか？
はい、デモや販売ページ向けに可能です。実際の貨物と誤解されないよう、常に「シミュレーションデータ」と表示されます。
貨物データを非公開にするには？
コードに貼り付けないでください。ウィジェットを自社サーバーに向け、自社の規則で 1 件ずつ取得する照会機能を使います。
SharePoint で動きますか？
サイト所有者がドメインを許可すれば、「埋め込み」Web パーツから iframe として使えます。コンテンツ内のスクリプトは動きません。実テナントでは未テストです。
タオバオで動きますか？
確認できた限り、ライブウィジェットとしては動きません。地図の画像を掲載し、ライブ版は自社ページでホストできます。
費用はかかりますか？
アカウントも料金も不要です。訪問者のブラウザーで動くので、当社のサーバー費用が発生しません。
メールキットは無料ですか？
いいえ。Web サイト用ウィジェットは無料ですが、メールキットと追跡ページ作成機能は Pro プランに含まれます。Pro はまだ販売していません。
3D マップをメールの中で動かせますか？
いいえ。メールソフトはスクリプトを実行しません。メールには画像または GIF と個人リンクを入れ、操作できるマップは追跡ページで開きます。
売上はどう測定しますか？
メール配信サービスがリンクのクリックを数えます。ページから出るリンクにはすべてキャンペーンタグが付くため、ストアの分析で売上を紐づけられます。通常メールを受け取るグループと比較すると、実際の効果を測定できます。