2. 検索結果を設置する Ver.2 ( 必須・最新バージョン)

2. 検索結果を設置する Ver.2 ( 必須・最新バージョン)

ステップ2★検索結果を表示したいhtmlファイルにタグを埋め込む


1） 検索結果を表示したいhtmlファイル（例 result.html）の<body>～</body>の中に、以下のタグを埋め込んでください。　　

<!-- ↓検索窓用カスタムエレメント -->

<mf-search-box ajax-url="https://finder.api.mf.marsflag.com/api/v1/finder_service/documents/{サービス識別名}/search" ></mf-search-box> <!-- ↓オーガニック用エレメント --> <mf-search-results></mf-search-results>
※青字の部分はお客様によって異なります。

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


2） 検索結果を表示したいhtmlファイル（例 result.html）の</body>の直前に、以下のタグを埋め込んでください。

これで完成です！

3） 完成イメージ



参考：