bingサジェストを使う(Googleが使えないから)

CMS CSS JavaScript jQuery PHP web制作 WordPress アプリケーション別 プログラミング

広報:齊藤 メイ 広報:齊藤 メイ

Posted on 2016年02月08日(月)08:38


bingサジェストを使う(Googleが使えないから)

インターネット検索でキーワードを途中まで入力すると自動的に候補が表示されるアレの話です。本日は「bingサジェストを使う(Googleサジェストが使えないから)」についてです。

こんにちは。猫ITソリューションズ広報の齊藤メイ(♀)です。本日は、「bingサジェストを使う(Googleサジェストが使えないから)」についてです。

ここでいうサジェストとは、
「入力予測補完」
のことです。

インターネット検索においてキーワードの入力途中で何らかの方法により自動的に予測候補が表示される、という機能は皆さんも使ったことがおありかと思います。

これを自分サイトのサイト内検索に組み込もう、というのが今回のお話です。
以下より説明しますが、formのname値やデザイン部分などは皆さんの環境に置き換えていただければと思います。

参考:
Bing の検索 API を使ってみる | Lonely Mobiler
http://loumo.jp/wp/archive/20141230000008/

Bootstrap styling for jQuery UI autocomplete · GitHub
※sass
cssにオンラインで変換するならここ
https://gist.github.com/daz/2168334

jQuery UI - オートコンプリート - jQuery 入門
http://jquery.keicode.com/ui/autocomplete.php

動作環境

PHP/jQuery/jQuery-UI/Bootstrap/WordPressという環境を想定。
※皆さんの環境に置き換えてください。

Bing Developer Centerで登録

https://www.bing.com/dev

↓TOPページ下部 Developer Resources より「Search API」
↓ページ右上からサインイン
↓無料で使う前提でページ右 アクティブなサブスクリプション より
「5,000トランザクション/月」
を選択

 

※要hotmailアカウント
※ただし以下記述のjavascript/PHPプログラムでは、アカウントキー記述をしていないにもかかわらず使用できる。要検証。

PHP

/common/program/suggest.phpとして保存

html

表示対象のhtml・htmlテンプレートに追記

javascript

/common/js/suggest.jsとして保存

css

表示対象のhtml・htmlテンプレートで読み込んでいるCSSに追記

sassの場合は以下
https://gist.github.com/daz/2168334


最後になりますが、
本プログラムは猫ITソリューションズブログ内検索にて稼動しています。
※このページの上の方

余談

今回はサジェストサービス提供元としてMicrosoft(bing Search API)を利用しましたが、事実上の標準としてはGoogle(Autocomplete API)かと思います。

ですが、現在Googleによる検索サジェストはホームページなどへ組み込んで使うことは出来ません。

Google ウェブマスター向け公式ブログ: Autocomplete API の今後のご利用について
http://googlewebmastercentral-ja.blogspot.jp/2015/07/update-on-autocomplete-api.html

どうやら「Google検索キーワードとして」の利用ではない自動入力は意図してないからのようです。確かにGoogle検索キーワードと猫ITブログ内キーワードは完全に一致してませんからね。ただ一致はしていませんがこういう使われ方も有用な用途であることは認めているようです。その考えは誰しも同意かと思いますが、しかしサービス提供を止めたのはGoogle、使わせているのはMicrosoft、という現実がある訳です。無料だと使用回数は5000回までという制限はありますが、Microsoftには感謝しないといけませんね。

更に余談ですが、
インターネット関連にかかわらず「入力予測補完」という意味合いでの単語は、

といくつかありますが、代表齊藤はインクリメンタルサーチ派です。一番使われてない単語のようですが。

皆さんは一般的によく使われていて、かつ意味合い的にも適切な単語を使うようにしましょうね。


いかがでしたでしょうか?
猫ITソリューションズは、飼い主の皆さんにITを活用しあらゆるシーンで的確なアドバイスをいたします。それではまたお会いしましょう。

bingサジェストを使う(Googleが使えないから)

see you!

 



Blog Categories

Member Profile

広報:齊藤 メイ

埼玉在住の三毛猫です。趣味は日向ぼっこ、好きな猫缶はカツオ系です。仲良くしてくださいね!

Facebook
Twitter

代表:齊藤 智宏

埼玉在住のWebデベロッパーです。80's洋楽、映画、レトロゲームが大好きです。よろしく!

Facebook
Twitter