5. ドリルダウンを表示する Ver.2 ( 最新バージョン)

5. ドリルダウンを表示する Ver.2 ( 最新バージョン)

1） 管理画面の「ドリルダウン」にてドリルダウンを設定します。

2） <body>～</body>の中に、以下のタグを埋め込んでください。
<!-- ↓ドリルダウン用カスタムエレメント -->

<mf-drilldown></mf-drilldown>

例

〜略〜

        <!-- ↓検索窓用カスタムエレメント -->
        <mf-search-box
           ajax-url="https://finder.api.mf.marsflag.com/api/v1/finder_service/documents/{サービス識別名}/search"
        ></mf-search-box>

        <!-- ↓ドリルダウン用カスタムエレメント -->
        <mf-drilldown></mf-drilldown>

        <!-- ↓オーガニック用エレメント -->
        <mf-search-results></mf-search-results>
〜略〜

※{サービス識別名｝の部分は、お客様自身のサービス識別名の入力をお願いいたします。サービス識別名は、Mars Finderのサービス一覧内の「検索API URL」を押下することでご確認頂けます。

※青字の部分はお客様によって異なります。


3） 完成イメージ


参考：
カスタムエレメント リファレンスマニュアル Ver.2