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(en),简体中文(zh-cn),繁體中文(zh-hk),Русский(ru),Español(es),Português(pt),Français(fr),Italiano(it),Deutsch(de),Türkçe(tr),Čeština(cs),日本語(ja),한국어(ko),Nederlands(nl),Suomi(fi),Polski(pl),Українська(uk),Magyar(hu),Svenska(sv),Қазақша(kk),Ελληνικά(el),ภาษาไทย(th),Български(bg),Slovenčina(sk),Lietuvių(lt),Română(ro),Norsk(no),Shqip(sq),Slovenščina(sl),Српски(sr),Azərbaycan(az),Dansk(da),Македонски(mk)。

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(en),简体中文(zh-cn),繁體中文(zh-hk),Русский(ru),Español(es),Português(pt),Français(fr),Italiano(it),Deutsch(de),Türkçe(tr),Čeština(cs),日本語(ja),한국어(ko),Nederlands(nl),Suomi(fi),Polski(pl),Українська(uk),Magyar(hu),Svenska(sv),Қазақша(kk),Ελληνικά(el),ภาษาไทย(th),Български(bg),Slovenčina(sk),Lietuvių(lt),Română(ro),Norsk(no),Shqip(sq),Slovenščina(sl),Српски(sr),Azərbaycan(az),Dansk(da),Македонски(mk)。

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(en),简体中文(zh-cn),繁體中文(zh-hk),Русский(ru),Español(es),Português(pt),Français(fr),Italiano(it),Deutsch(de),Türkçe(tr),Čeština(cs),日本語(ja),한국어(ko),Nederlands(nl),Suomi(fi),Polski(pl),Українська(uk),Magyar(hu),Svenska(sv),Қазақша(kk),Ελληνικά(el),ภาษาไทย(th),Български(bg),Slovenčina(sk),Lietuvių(lt),Română(ro),Norsk(no),Shqip(sq),Slovenščina(sl),Српски(sr),Azərbaycan(az),Dansk(da),Македонски(mk)。

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(en),简体中文(zh-cn),繁體中文(zh-hk),Русский(ru),Español(es),Português(pt),Français(fr),Italiano(it),Deutsch(de),Türkçe(tr),Čeština(cs),日本語(ja),한국어(ko),Nederlands(nl),Suomi(fi),Polski(pl),Українська(uk),Magyar(hu),Svenska(sv),Қазақша(kk),Ελληνικά(el),ภาษาไทย(th),Български(bg),Slovenčina(sk),Lietuvių(lt),Română(ro),Norsk(no),Shqip(sq),Slovenščina(sl),Српски(sr),Azərbaycan(az),Dansk(da),Македонски(mk)。

YQ_Num

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

Loading