Skip to main content

Tracking Widget

You can insert the tracking widget to allow visitors to enter a tracking number to track shipment.

17TRACK Shopify App

Here is what is it look like

LOGO
サンプルRR123456789CN

How to use it

Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.


<!--追跡番号入力欄。-->
<input type="text" id="YQNum" maxlength="50" />
<!--このボタンはスクリプトメソッド呼び出しに使われます。-->
<input type="button" value="TRACK" onclick="doTrack()" />
<!--追跡結果表示用のコンテナです。-->
<div id="YQContainer"></div>

<!--スクリプトコードはページ最下部に挿入できますが、ページが読み込み終わってから実行してください。-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num==="") {
    alert("Enter your number."); 
    return;
}
YQV5.trackSingle({
    //必須です。コンテンツホストのコンテナIDを指定してください。
    YQ_ContainerId:"YQContainer",
    //任意です。追跡結果の高さを指定してください。最大高さは 800px で、デフォルトは 560px です。
    YQ_Height:560,
    //任意です。配送業者を選択します。デフォルトは自動認識です。
    YQ_Fc:"0",
    //任意です。UI言語を指定してください。デフォルト言語はブラウザの設定に基づき自動的に設定されます。
    YQ_Lang:"en",
    //必須です。追跡番号を指定してください。
    YQ_Num:num
});
}
</script>

説明の例

YQ_ContainerId

必須です。コンテンツホストのコンテナIDを指定してください。

YQ_Height

任意です。追跡結果の高さを指定してください。最大高さは 800px で、デフォルトは 560px です。

YQ_Fc

任意です。配送業者を選択します。デフォルトは自動認識です。

YQ_Lang

English,简体中文,繁體中文,Русский,Español,Português,Français,Italiano,Deutsch,Türkçe,Čeština,日本語,한국어,Nederlands,Suomi,Polski,Українська,Magyar,Svenska,Қазақша,Ελληνικά,ภาษาไทย,Български,Slovenčina,Lietuvių,Română,Norsk,Shqip,Slovenščina,Српски,Azərbaycan,Dansk,Македонски。

YQ_Num

必須です。追跡番号を指定してください。

Here is what is it look like

LOGO

How to use it

Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.


<!--追跡入力欄を表示するコンテナです。-->
<div id="YQContainer"></div>

<!--スクリプトコードはページ最下部に挿入できますが、ページが読み込み終わってから実行してください。-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
YQV5.trackMulti({
//必須です。コンテンツホストのコンテナIDを指定してください。
YQ_ContainerId:"YQContainer",
//任意です。追跡結果の高さを指定してください。最大高さは 800px で、デフォルトは 560px です。
YQ_Height:560,
//任意です。UI言語を指定してください。デフォルト言語はブラウザの設定に基づき自動的に設定されます。
YQ_Lang:"en"
});
</script>

説明の例

YQ_ContainerId

必須です。コンテンツホストのコンテナIDを指定してください。

YQ_Height

任意です。追跡結果の高さを指定してください。最大高さは 800px で、デフォルトは 560px です。

YQ_Lang

English,简体中文,繁體中文,Русский,Español,Português,Français,Italiano,Deutsch,Türkçe,Čeština,日本語,한국어,Nederlands,Suomi,Polski,Українська,Magyar,Svenska,Қазақша,Ελληνικά,ภาษาไทย,Български,Slovenčina,Lietuvių,Română,Norsk,Shqip,Slovenščina,Српски,Azərbaycan,Dansk,Македонски。

Here is what is it look like

LOGO

How to use it

Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.


<!--追跡結果はこの要素で浮動されます。-->
<a id="YQElem1">RI111111111CN</a>
<span id="YQElem2">RI222222222CN</span>
<div id="YQElem9">RI999999999CN</div>

<!--スクリプトコードはページ最下部に挿入できますが、ページが読み込み終わってから実行してください。-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
YQV5.trackSingleF1({
//必須です。要素ID の浮動位置を指定してください。
YQ_ElementId:"YQElem1",
//任意です。追跡結果の幅を指定してください。最大の高さは 260px で、デフォルトは 470px です。
YQ_Width:470,
//任意です。追跡結果の高さを指定してください。最大高さは 800px で、デフォルトは 560px です。
YQ_Height:560,
//任意です。配送業者を選択します。デフォルトは自動認識です。
YQ_Fc:"0",
//任意です。UI言語を指定してください。デフォルト言語はブラウザの設定に基づき自動的に設定されます。
YQ_Lang:"en",
//必須です。追跡番号を指定してください。
YQ_Num:"RI111111111CN"
});
YQV5.trackSingleF1({
YQ_ElementId:"YQElem2",
YQ_Width:470,
YQ_Height:560,
YQ_Fc:"0",
YQ_Lang:"en",
YQ_Num:"RI222222222CN"
});
YQV5.trackSingleF1({
YQ_ElementId:"YQElem9",
YQ_Width:470,
YQ_Height:560,
YQ_Fc:"0",
YQ_Lang:"en",
YQ_Num:"RI999999999CN"
});
</script>

説明の例

YQ_ElementId

必須です。要素ID の浮動位置を指定してください。

YQ_Width

任意です。追跡結果の幅を指定してください。最大の高さは 260px で、デフォルトは 470px です。

YQ_Height

任意です。追跡結果の高さを指定してください。最大高さは 800px で、デフォルトは 560px です。

YQ_Fc

任意です。配送業者を選択します。デフォルトは自動認識です。

YQ_Lang

English,简体中文,繁體中文,Русский,Español,Português,Français,Italiano,Deutsch,Türkçe,Čeština,日本語,한국어,Nederlands,Suomi,Polski,Українська,Magyar,Svenska,Қазақша,Ελληνικά,ภาษาไทย,Български,Slovenčina,Lietuvių,Română,Norsk,Shqip,Slovenščina,Српски,Azərbaycan,Dansk,Македонски。

YQ_Num

必須です。追跡番号を指定してください。

Here is what is it look like

LOGO
サンプルRR123456789CN

How to use it

Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.


<!--単一番号入力、追跡結果はこの要素で浮動されます。-->
<input type="text" id="YQNum" maxlength="50" />
<!--このボタンはスクリプトメソッド呼び出しに使われます。-->
<input type="button" value="TRACK" onclick="doTrack()" />

<!--スクリプトコードはページ最下部に挿入できますが、ページが読み込み終わってから実行してください。-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num==="") {
    alert("Enter your number.");
    return;
}
YQV5.trackSingleF2({
    //必須です。要素ID の浮動位置を指定してください。
    YQ_ElementId:"YQNum",
    //任意です。追跡結果の幅を指定してください。最大の高さは 260px で、デフォルトは 470px です。
    YQ_Width:770,
    //任意です。追跡結果の高さを指定してください。最大高さは 800px で、デフォルトは 560px です。
    YQ_Height:560,
    //任意です。配送業者を選択します。デフォルトは自動認識です。
    YQ_Fc:"0",
    //任意です。UI言語を指定してください。デフォルト言語はブラウザの設定に基づき自動的に設定されます。
    YQ_Lang:"en",
    //必須です。追跡番号を指定してください。
    YQ_Num:num
});
}
</script>

説明の例

YQ_ElementId

必須です。要素ID の浮動位置を指定してください。

YQ_Width

任意です。追跡結果の幅を指定してください。最大の高さは 260px で、デフォルトは 470px です。

YQ_Height

任意です。追跡結果の高さを指定してください。最大高さは 800px で、デフォルトは 560px です。

YQ_Fc

任意です。配送業者を選択します。デフォルトは自動認識です。

YQ_Lang

English,简体中文,繁體中文,Русский,Español,Português,Français,Italiano,Deutsch,Türkçe,Čeština,日本語,한국어,Nederlands,Suomi,Polski,Українська,Magyar,Svenska,Қазақша,Ελληνικά,ภาษาไทย,Български,Slovenčina,Lietuvių,Română,Norsk,Shqip,Slovenščina,Српски,Azərbaycan,Dansk,Македонски。

YQ_Num

必須です。追跡番号を指定してください。

Loading