6. 関連検索キーワードを表示する Ver.2 ( 推奨 )

6. 関連検索キーワードを表示する Ver.2 ( 推奨 )

1） <body>～</body>の中に、以下のタグを埋め込んでください。　
<!-- ↓関連検索キーワード用カスタムエレメント -->

<mf-related-keywords></mf-related-keywords>

例
〜略〜
        <!-- ↓検索窓用カスタムエレメント -->
        <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>

        <!-- ↓関連検索キーワード用カスタムエレメント -->
        <mf-related-keywords></mf-related-keywords>
〜略〜

2） 完成イメージ


参考：

    • Related Articles

    • 6. 関連検索キーワードを表示する Ver.1 ( 初期バージョン )

      1） mf_finder_container の中に、以下のタグを記述してください。 <!-- ↓関連検索キーワード用カスタムエレメント --> <mf-related-keywords></mf-related-keywords> 例 〜略〜 <div class="mf_finder_container"> <!-- ↓検索窓用カスタムエレメント --> <mf-search-box submit-text="" ...

    • 9. 関連検索キーワードを表示する

      1) mf_finder_container の中に、以下のタグを記述してください。 <!-- ↓関連検索キーワード用カスタムエレメント --> <mf-related-keywords></mf-related-keywords> 例 〜略〜 <div class="mf_finder_container">         <!-- ↓検索窓用カスタムエレメント -->         <mf-search-box            submit-text=""            ...

    • 1. 検索窓を設置する Ver.2 ( 推奨 )

      ステップ1★検索窓を表示したいhtmlファイルにタグを埋め込む 1）検索窓を表示したいhtmlファイル（例 window.html）の<body>～</body>の中に、以下のタグを埋め込んでください。　 <!-- ↓検索窓用カスタムエレメント --> <mf-search-box ajax-url="https://finder.api.mf.marsflag.com/api/v1/finder_service/documents/{サービス識別名}/search" ...

    • 0. はじめに Ver.2 ( 推奨 )

      本章は、カスタムエレメントVer.2をご利用のお客様向けのマニュアルとなります。 ご利用のカスタムエレメントのバージョンの確認方法は、こちら に掲載しております。

    • 推奨動作環境

      検索結果画面の推奨動作環境については、以下のリンク先の記事をご確認ください。 動作環境のご案内 また、管理画面の推奨動作環境については、「Google Chrome最新バージョン」になります。