サービス仕様

概要

サジェスト は、検索ボックスにユーザーがキーワードを入力している途中で候補語を表示する機能を提供するサービスです。

サジェストを導入すると、少ない操作で商品ページへ到達することができます。

例: 画像付きサジェスト

データベースに検索のデータを登録し、ページにフロントエンド (JavaScript プログラム) を組み込むことで利用可能です。
サジェストの種類により、利用できる機能が異なります。

サジェストには 2 種類あります。

• 文字サジェスト
  • 検索ボックスに入力中のキーワードに候補語を表示し、入力をアシストします。
• 画像付きサジェスト
  • 文字サジェストに加え、候補語で検索結果を画像付きで表示、クリックでページに遷移するようにアシストします。

機能	文字サジェスト	画像付きサジェスト	備考
入力アシスト機能	◯	◯
入力履歴表示機能	◯	◯
商品検索機能	×	◯
商品レコメンド機能	×	◯	オプション

対象読者

• サイト管理者
• データ作成者

前提知識

• HTML に関する知識
• CSS に関する知識
• JavaScript プログラミングに関する知識

旧サービス名称

以下の 2 つのサービス名称は変更されたため、読み替えてください。

EC サーチ: ポップファインド
画像付きサジェスト: ポップリンク

機能

入力アシスト機能

入力アシスト機能は、エンドユーザーによるキーワードの入力を補助します。
検索ボックスに入力した文字から推測されるキーワード (候補語) のリストを画面に表示し、少ないキー操作でキーワードを入力できるよう補助します。

この機能で用いられる候補語は、次に挙げるデータと候補語登録ファイルから自動的に作られます。

• 文字サジェスト
  • クロールしたコンテンツ
• 画像付きサジェスト
  • 商品データファイル

候補語の生成

入力アシスト機能で表示される候補語は 2 種類の生成方法があります。

1. データからの生成
   • 画像付きサジェスト
     • 商品データファイルの商品情報
   • 文字サジェスト
     • クロールしたコンテンツ
2. 候補語登録ファイルからの生成
   • 次のような単語は抽出できないため、候補語登録ファイルを用意します。
     • 地名、人名、商品名などの固有名詞
     • 一般的ではない読みを持つ単語
     • 複数のキーワードを並べる場合
   • 意図せず生成されてしまった単語や表示させたくない単語を候補語から除外する場合、候補語除外ファイルを用意します。

補足

• データからの生成では、形態素解析と呼ばれる手法で単語を抽出します。

候補語の表示

検索ボックスに文字を入力すると、データベースから読みが前方一致で合致する単語を候補語として表示します。
読みの比較は次の条件で行います。

• 片仮名と平仮名を区別しない
• 全角と半角を区別しない
• アルファベットの大文字と小文字を区別しない

候補語は次の条件で並べて表示されます。

• 候補語登録ファイルに記載されている単語 (優先度の数値が大きいものが優先)
• 候補語登録ファイルに記載されている単語 (上方に記載されているものが優先)
• 最近クリックされたキーワード (クリック数順) (V2 以降のフロントエンドを使用している場合のみ)
• 画像付きサジェスト
  • 商品データのキーワードのカラムに記載されている単語 (出現回数順)
  • 商品名カラムから抽出された単語 (出現回数順)
  • 商品説明カラムから抽出された単語 (出現回数順)

デフォルト表示キーワードの表示

検索ボックスに文字を入力する前に、キーワードを画面に表示することができます。
キーワードは、過去の入力アシスト機能の利用実績やデフォルト表示キーワード登録ファイルから生成されます。
生成されたデフォルト表示キーワード を表示させたくない場合、候補語除外ファイルを用意します。

補足

• 特定のキーワードの表示順位を変更したい場合にも、デフォルト表示キーワード登録ファイルを利用できます。

カスタムサジェストの表示 (オプション)

入力アシスト機能のサジェストとは別に、カテゴリなどの追加のサジェストを表示することができます。
カスタムサジェストデータファイルから生成されます。
使用したい場合、カスタムサジェストオプション にお申し込みください。

入力履歴表示機能

入力履歴表示機能は、過去に候補語選択によって入力したキーワードを表示します。
過去に検索したキーワードを再度検索することができます。
サジェスト設定タグのパラメータを設定することで有効にできます。

入力履歴は Cookie に保存され、一定期間後に自動的に削除されます。
キーワードごとの削除ボタンをクリックし、そのキーワードを削除することができます。

商品検索機能

商品検索機能は、入力アシスト機能で選択された候補語に基づいてデータベースを検索し、表示します。
商品検索機能では、次の情報を表示します。

• 商品名
• 商品画像
• 商品説明
• データ作成者が定義した情報 (最大 3 つ)

また、検索結果は、商品ページへのリンクとして表示されます。この領域をクリックした場合、当該の商品ページへ遷移します。

商品レコメンド機能 (オプション)

検索された商品と関係性の高い商品を検索・表示します。
この機能の利用には、別途、レコメンドサービス提供者との契約が必要です。
この機能に関する詳細は、弊社営業までお問い合わせください。

その他の機能

• UI のカスタマイズ
• SSL 接続のサポート
  • URL が https: で始まるページに画像付きサジェストは、サーバーとの間で SSL (Secure Socket Layer) による暗号化通信を行います。
• アクセス解析ツールとの連携
  • 画像付きサジェストを使うエンドユーザーの次の行動データをサードパーティ製アクセス解析ツールへ送信することができます。
    • 画像付きサジェスト
      • 入力アシスト機能を用いて入力したキーワード
      • 商品検索機能による検索結果
      • 商品レコメンド機能の結果からユーザーが決定した情報
    • 文字サジェスト
      • 入力アシスト機能を用いて入力したキーワード
  • Google アナリティクスを標準でサポートします。
  • その他のツールではフック機能を使ってデータを送信することができます。
• タグマネージャーのサポート

検索結果の表示

サジェストでは、データベースより取得した検索結果を表示します。
次の商品データの項目が表示されます。

• 商品名
• 商品説明
• 商品画像の URL に配置されている画像
• ユーザー定義データ1 ～ 3

表示するデータがない、あるいはサジェスト設定タグの設定パラメータで非表示に設定されている項目は表示されません。表示されない項目の表示部分は空くのではなく、続く項目が詰めて表示されます。

文字列が長く表示幅に収まらない部分は表示されません。文字列の末尾に「...」を表示して、表示されない部分があることを示します。

PC 向けフロントエンドとスマートフォン向けフロントエンドでは、そのデバイスの特性のため動作が異なります。

PC 向けフロントエンド

PC 向けのフロントエンドは次のように動作します。

1. エンドユーザーが、検索ボックスに文字列を入力します。
2. 検索ボックスに入力された文字列を元に、候補語リストが候補語エリアに表示されます。
3. エンドユーザーが、マウスポインタを候補語の上にのせて候補語を選択します。
4. 選択された候補語をキーワードとして検索した商品が商品情報エリアに表示されます。
   ※ 画像付きサジェストの場合
5. マウスや矢印キーを使って選択する候補語を変えるたびに商品が検索されます。
   ※ 画像付きサジェストの場合
6. 選択された候補語をクリックすることで検索キーワードを決定します。
   その結果、検索ボックスに選択した候補語が入力されます。
7. 商品情報エリアの商品をクリックすると、商品ページへ遷移します。
   ※ 画像付きサジェストの場合

スマートフォン向けフロントエンドの動作

スマートフォン向けのフロントエンドは次のように動作します。

1. エンドユーザーが、検索ボックスに文字列を入力します。
2. 検索ボックスに入力された文字列を元に、候補語リストが候補語エリアに表示されます。
3. 1 番目の候補語を検索キーワードとして検索した商品を、商品情報エリアに表示します。
   ※ 画像付きサジェストの場合
4. 未選択状態の候補語をタップすると、そのタップした候補語をキーワードとして検索した商品が、商品情報エリアに表示され、選択した候補語が選択状態になります。
   ※ 画像付きサジェストの場合
5. 選択中の候補語を再度タップすると、その候補語が検索ボックスに入力されます。
6. 候補語リスト・商品情報エリアを左右にスワイプすることで、表示されていない候補語や商品を見ることができます。
   ※ 画像付きサジェストの場合
7. 商品情報エリアの商品をタップすると、その商品ページへ遷移します。
   ※ 画像付きサジェストの場合
8. 右上に表示されている × マークをタップすると、画像付きサジェストの表示が消えます。

検索結果の表示順

サジェストで表示される検索結果の表示順は検索したキーワードと商品データの内容によって決定されます。

初期設定では、検索したキーワードが商品データの次の項目に合致するとより上位に表示します。1 の項目が最上位、2 の項目、3 の項目が続いて上位となります。
この表示順の割り当てのことを 検索語の重み といいます。

1. キーワード
2. 商品名
3. 商品説明

あるキーワードでの検索で特定の商品を上位に表示したい場合は、その商品データの「キーワード」にそのキーワードを設定しておくと、上位に表示される可能性が高まります。

表示順を決める要素は、下記の 8 つがあります。(昇順/降順のバリエーションを含めると 13 個)

• ソート用データ1 (UTF-8 文字コードによる昇順／降順)
• ソート用データ2 (UTF-8 文字コードによる昇順／降順)
• ソート用データ3 (UTF-8 文字コードによる昇順／降順)
• 商品名 (UTF-8 文字コードによる昇順／降順)
• 商品 ID (UTF-8 文字コードによる昇順／降順)
• 検索語の重み
• ユーザーの行動とキーワード解析を加味した検索語の重み
• 外部サービスと連携することで得られる各商品の値

この中から 5 つまでを選択して使用することができます。
初期状態では、表示順制御ファイルで定義した順位を最優先とし、次の 5 つが設定されています。

(最優先: 表示順制御ファイルで定義した順位)

1. 検索語の重み: 降順
2. ソート用データ1: 降順
3. クリック順: 降順
4. ソート用データ2: 降順
5. ソート用データ3: 降順

初期状態と違う表示順をご希望の場合、ユーザーは GENIEE にお申し出ください。

注意

ソート用データ1 ～ 3 は文字列として比較されます。
数値を設定する場合、桁数を揃える、足りない桁の数だけ左側に 0 を埋めてください。

データの登録

サーバーはあらかじめ決められた時刻にデータを取得し、データベースに登録します。
データの取得方法はサジェストの種類によって異なります。

• 画像付きサジェスト
  • GENIEE がアクセス可能な場所に設置された商品データファイルをダウンロードする。
• 文字サジェスト
  • サイトをクロールする。

辞書などの設定データファイルは管理画面からアップロードしてください。

サービスの単位

契約時にプランを構成するサービスごとに UID を発行します。
サービスを追加する場合は追加の契約をいただき、新たな UID を発行します。

利用環境

動作をサポートする環境は次のとおりです。これ以外の環境でも動作する場合があります。

ブラウザ

下記のブラウザをサポートの対象とします。特に記述がなければ、最新バージョンのみをサポートの対象とします。

Windows

• Microsoft Edge (Internet Explorer モードを除く)
• Google Chrome
• Mozilla Firefox

macOS

• Safari
• Google Chrome

Android 4.2 ～ 4.4

• Google Chrome

(一部の機種を除きます)

Android 5.0 以降

• 標準ブラウザ
• Google Chrome

(一部の機種を除きます)

iOS Version 10 以降 (iPhone 6 およびそれ以降の機種に限る)

• Safari

タグマネージャー

• Googleタグマネージャー

アクセス解析ツール

• Google アナリティクス
• グローバルサイトタグ (gtag.js)
• ユニバーサルアナリティクス (analytics.js)

UI のカスタマイズ

表示項目の変更

サジェストで表示される項目を、サジェスト設定タグのパラメータによって変更することができます。

スタイルのカスタマイズ

スタイルをカスタマイズするには、弊社から提供するスタイルシート (CSS) ファイルをサーバーから読み込んだ上で、カスタマイズを行う箇所のみを記述した CSS ファイルを、サイトのサーバーに設置します。

スタイルの具体的なカスタマイズ方法に関する技術サポートは提供しません。

動作のカスタマイズ

フックおよびフィルタ機能により、フロントエンドの一部の動作を、サイト管理者が作成する JavaScript プログラムによってカスタマイズすることができます。

JavaScript プログラムの具体的なカスタマイズ方法に関する技術サポートは提供しません。
また、JavaScript プログラムによるカスタマイズを行った場合には、技術サポートが提供されない場合があります。

互換性

このバージョンは、バージョン 1.6 以降と互換性があります。
互換性に関するさらに詳しい情報は、リリースノートを参照してください。

制限事項

設置するページの、HTML やスタイルシート (CSS) の内容によっては、画像付きサジェスト の HTML やスタイルシートとの間で衝突や干渉が起こり、期待したとおりの表示がされない場合があります。
これを解決するために、画像付きサジェスト のスタイルシートのカスタマイズや、設置先の HTML やスタイルシートの変更が必要になる場合があります。

注意

弊社から提供する JavaScript プログラムや CSS ファイルを、ローカルにコピーして使用したり、本書に記述された以外の手順で実行した場合、弊社からのサポートが受けられなくなる場合があります。

検索最適化支援オプション

運用開始後のメンテナンスは弊社カスタマーサクセス (CS) による 検索最適化支援オプション という有償オプションを提供しております。
検索最適化支援オプションに関する詳細は、弊社営業までお問い合わせください。