手順に従うだけでサクサク完成!
こだわりのオリジナルBingボックス


Web検索だけではなく、サイト内検索への検索窓を、自分のホームページやブログ上などに簡単に設置できる支援ツールが、Bingボックスです。

作成方法はとても簡単。Bing ボックスのサイトで、インストラクションに従いながら、検索範囲や検索窓のレイアウト、色を指定し、HTML 用スクリプト コードを自分のホームページやブログの所定の位置に貼り付ければできあがり。プログラムの知識は必要ありません。設置した検索窓から検索を行うと、Ajaxを利用したポップアップのようなペインの中に結果が表示されます。また、Web検索だけではなく、特定のサイトを指定してのサイト内検索、そして検索マクロも追加できます。


Bingボックスを作成してみよう

※Bingボックスを作成する前に、必ず使用条件をお読みください。
それでは、まず、Bing ボックスへアクセスしましょう。

1.上級検索ボックスの「開始」ボタンをクリックします。
トップ画面

2.ステップ1の画面で、検索対象にするサイト(10件まで)および検索マクロの設定を行います。
検索対象設定画面

まず、「サイト検索」「検索マクロ」「Web検索」の中で使いたい検索方法のチェックボックスをクリックします。それぞれ表示名、サイト名、検索マクロの名前を入力します。
検索対象にするサイトを追加するには、「サイトを追加する」ボタンをクリックしてください。必要事項を入力し終わったら、「次へ」ボタンをクリックます。
検索マクロを設定する場合は”ユーザー名.マクロ名”の形で入力します。

3.ステップ2の画面で、検索ボックスと検索結果画面のデザインを指定し、「次へ」ボタンをクリックします。
結果デザイン画面

4.ステップ3の画面で、設定した検索ボックスのスクリプトコードが自動的に表示されます。コードをコピーして、設置するページに貼り付けます。
注意:検索ボックスをWebサイトやブログに貼り付ける方法はそれぞれのサイトでご確認ください。
スクリプトコード表示

5.貼り付けた検索ボックスは下の図のように表示されます。
ボックス追加


使い方のヒント

・サイト検索の表示名は20文字以内で入力して下さい。
・検索マクロの名前は32文字以内で入力して下さい。
・各ステップごとに「検索ボックスのテスト」ボタンをクリックすると、作成した検索ボックスをテストすることができます。下の図はステップ3で「検索ボックスのテスト」ボタンをクリックしたときに表示されるテスト画面です。
貼り付けイメージ

なお、サイト内検索のみ必要な場合は、直接Webページにコードを追加して設置することもできます。詳しくはこちらを参照してください。