マニュアル
9. 関連検索キーワードを表示する
1) mf_finder_container の中に、以下のタグを記述してください。 <!-- ↓関連検索キーワード用カスタムエレメント --> <mf-related-keywords></mf-related-keywords> 例 〜略〜 <div class="mf_finder_container"> <!-- ↓検索窓用カスタムエレメント --> <mf-search-box submit-text="" ...
8. ドリルダウンを表示する
1) 管理画面の「ドリルダウン」にてドリルダウンを設定します。 2) mf_finder_container の中に、以下のタグを記述してください。 <!-- ↓ドリルダウン用カスタムエレメント --> <mf-drilldown></mf-drilldown> 例 〜略〜 <div class="mf_finder_container"> <!-- ↓検索窓用カスタムエレメント --> <mf-search-box ...
7. タイトルアイコンを表示する
タイトルアイコンは管理画面の「タイトルアイコン」から設定します。 htmlの編集は不要です。
6. カテゴリを利用する
1) 管理画面の「カテゴリ確認」にてカテゴリを登録します。 2) クロール完了後、検索結果画面の検索窓の下に、カテゴリがプルダウンで表示されるようになります。 3) 完成イメージ 検索窓ページから結果ページに遷移した場合は、上記対応で完了となりますが、 検索窓だけのページにカテゴリを表示したい場合や、遷移しない状態でも検索結果画面にカテゴリを表示したい場合 mf-search-boxタグに下記の赤字の部分を追記してください。 <mf-search-box （略) ...
5. キーワードランキングを表示する
キーワードランキング機能をお使いいただくには カスタムエレメント版のバージョン1.0.0以上をご利用いただく必要がございます。 1) 管理画面の「キーワードランキング編集」にて設定します。 2) mf_finder_container の中に、以下のタグを記述してください。 <!-- ↓キーワードランキング用カスタムエレメント --> <mf-keyword-ranking></mf-keyword-ranking> 例 〜略〜 <div class="mf_finder_container"> ...
4. ずば画像を表示する
ずば画像は管理画面の「ずば画像確認」から指定します。 htmlの編集は不要です。
3. ずばケンを表示する
1) 管理画面の「ずばケン管理」にてずばケンを登録します。 2) mf_finder_container の中に、以下のタグを記述してください。 <!-- ↓ずばけん用カスタムエレメント --> <mf-zubaken></mf-zubaken> 例 〜略〜 <div class="mf_finder_container"> <!-- ↓検索窓用カスタムエレメント --> <mf-search-box submit-text="" ...
2. 検索結果を設置する
1) 検索結果を表示したいhtmlファイルの<head>〜</head>の中に、以下のタグを埋め込んでください。 必ず直リンクでcssを読み込んでください。デザインを編集されたい場合はオーバーライドしてください。 <!-- ↓CSS --> <link href="//c.marsflag.com/mf/mfx/1.0-latest/css/mfx-serp.css" rel="stylesheet" type="text/css" media="all" ...
1. 検索窓を設置する
1) 検索窓を表示したいhtmlファイルの<head>〜</head>の中に、以下のタグを埋め込んでください。 必ず直リンクでcssを読み込んでください。デザインを編集されたい場合はオーバーライドしてください。 <!-- ↓CSS --> <link href="//c.marsflag.com/mf/mfx/1.0-latest/css/mfx-sbox.css" rel="stylesheet" type="text/css" media="all" charset="UTF-8"> ...
はじめに
カスタムエレメント版(CE版)最新バージョンについて記述しています。 検索窓を設置する 検索結果を設置する ずばケンを表示する ずば画像を表示する キーワードランキングを表示する カテゴリを利用する タイトルアイコンを表示する ドリルダウンを表示する 関連検索キーワードを表示する ■検索窓設置イメージ ■検索結果設置イメージ https://www.marsflag.com/searchresult/ce-result.html#/