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