Skip to main content

物流查詢小部件

您可以嵌入查詢小部件,讓用戶隨時輸入運單號去查詢物流信息。

17TRACK Shopify App

示例

LOGO
示例RR123456789CN

操作方法

將下面的代碼複製並粘貼到Html中的<body>和</body>標籤之間。查詢小部件將展示在對應的位置。


<!--單號輸入框。-->
<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

必須,指定要查詢的單號。

示例

LOGO

操作方法

將下面的代碼複製並粘貼到Html中的<body>和</body>標籤之間。查詢小部件將展示在對應的位置。


<!--用於顯示查詢輸入框的容器。-->
<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,Македонски。

示例

LOGO

操作方法

將下面的代碼複製並粘貼到Html中的<body>和</body>標籤之間。查詢小部件將展示在對應的位置。


<!--查詢結果將懸浮於此元素。-->
<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

必須,指定要查詢的單號。

示例

LOGO
示例RR123456789CN

操作方法

將下面的代碼複製並粘貼到Html中的<body>和</body>標籤之間。查詢小部件將展示在對應的位置。


<!--單號輸入框,查詢結果將懸浮於此元素。-->
<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