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

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

1) mf_finder_container の中に、以下のタグを記述してください。
<!-- ↓関連検索キーワード用カスタムエレメント -->

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



〜略〜

<div class="mf_finder_container">

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

        <mf-search-box

           submit-text=""

           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>


</div>

〜略〜

2) 完成イメージ


参考:
    • Related Articles

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

      1) <body>~</body>の中に、以下のタグを埋め込んでください。  <!-- ↓関連検索キーワード用カスタムエレメント --> <mf-related-keywords></mf-related-keywords> 例 〜略〜 <!-- ↓検索窓用カスタムエレメント --> <mf-search-box ...
    • 9. 関連検索キーワードを表示する

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

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

      1) 管理画面の「カテゴリ確認」にてカテゴリを登録します。 カテゴリの登録方法は、2. カテゴリを利用するを参照してください。 2) クロール完了後、検索結果画面の検索窓の下に、カテゴリがプルダウンで表示されるようになります。 3) 完成イメージ 検索窓ページから結果ページに遷移した場合は、上記対応で完了となりますが、 検索窓だけのページにカテゴリを表示したい場合や、 遷移しない状態でも検索結果画面にカテゴリを表示したい場合は、 ...
    • 1. 検索窓を設置する Ver.1 ( 初期バージョン )

      ステップ1★検索窓を表示したいhtmlファイルにタグを埋め込む 1) 検索窓を表示したいhtmlファイル(例 window.html)の<head>~</head>の中に、 以下のタグを埋め込んでください。  <!-- ↓CSS --> <link href="https://ce.mf.marsflag.com/latest/css/mf-search.css" rel="stylesheet" type="text/css" media="all" charset="UTF-8"> ...