単数入力モード

ウェブサイトに入力フィールドを追加します。 「追跡」ボタンをクリックすると、埋め込み領域が拡大され、追跡結果が表示されます。

実例
例えば: 9261290358097804980356

パラメーター

trackNumber

追跡用のトラック番号。

必須
containerId

追跡結果が表示されるコンテナのID。

必須
height

追跡結果が表示されるフレームの高さ。デフォルトは370です。

必要ではありません
width

トラッキング結果が表示されるフレームの幅。デフォルトでは、コンテナの全幅に拡張されます。

必要ではありません
language

ユーザーインターフェイスの言語は、設定されていない場合、ユーザーのブラウザーの設定によって決定されます。

  • en=English
  • de=Deutsch
  • es=Español
  • fr=Français
  • ko=한국어
  • id=Bahasa Indonesia
  • it=Italiano
  • ja=日本語
  • nl=Nederlands
  • pl=Polski
  • pt=Português
  • th=ไทย
  • tr=Türkçe
  • zh=汉语
  • ru=Русский
  • uk=Українська
必要ではありません

コード

<link rel="stylesheet" href="https://pkge.net/css/externalwidget.min.css">
<div class="widget-pkge-net">
    <div class="widget-pkge-net-search">
        <!--トラック番号入力フィールド。-->
        <input type="text" class="widget-pkge-net-textfield" id="track-number" maxlength="40" />
        <!-- スクリプトメソッドを呼び出し、追跡プロセスを開始するボタン。-->
        <input type="button" class="widget-pkge-net-button" value="追跡する" onclick="widgetTrack()" />
    </div>
    <!-- 郵便物の追跡結果が表示されるコンテナ。-->
    <div class="widget-pkge-net-result" id="widget-container"></div>
    <div class="widget-pkge-net-help">例えば: <span onclick="document.getElementById('track-number').value = this.innerText">9261290358097804980356</span></div>                            <div class="widget-pkge-net-link">郵便物の追跡 – <a href="https://pkge.net">pkge.net</a></div></div>

<!--ウィジェットが機能するために必要なスクリプト。 ページの最後に挿入できます。-->
<script type="text/javascript" src="https://pkge.net/externalwidget.min.js"></script>
<script type="text/javascript">
function widgetTrack() {
        var trackNumber = document.getElementById('track-number').value;

        if (!trackNumber) {
            alert('トラック番号を入力してください!');
            return false;
        }

        PKGEExtWidget.trackBlockIntegrated({            //必須. 追跡用のトラック番号。
            'trackNumber': trackNumber,
             //必須. 追跡結果が表示されるコンテナのID。
            'containerId': 'widget-container',
             //必要ではありません. トラッキング結果が表示されるフレームの幅。デフォルトでは、コンテナの全幅に拡張されます。
            'width': 970,
             //必要ではありません. 追跡結果が表示されるフレームの高さ。デフォルトは370です。
            'height': 370,
            //必要ではありません. ユーザーインターフェイスの言語は、設定されていない場合、ユーザーのブラウザーの設定によって決定されます。
            'language': 'ja'
        });
}
</script>