Google カスタム検索のイメージと SSL
UB3/informatics/html/google_searchbar_ssl
このページの最終更新日: 2023/02/14
- 何が問題か？
- 解決方法
広告
Google カスタム検索の SSL 対応とイメージ: 何が問題か？
Google カスタム検索バーは、サイトを指定した検索を可能にする便利な機能である。このページの目次の下にある "Search in this site" というのがそれで、設置の方法などは Google カスタム検索 のページに記録した。
問題は、サイトが SSL を使っている場合に、
同じ悩みを抱えてここへ来た人はページ下の「解決方法」を、問題点をもう少しクリアにしたい人は「もう少し詳しく」を読んで下さい。
もう少し詳しく
Google カスタム検索のガイドライン (1) には、「カスタム検索ボックスをサイトに表示する場合には、このサービスが Google によって提供されていることを示す画像を明瞭に表示しなければいけない」と書かれている (1)。GoogleTM の部分がそれである。
コードを見ると、この画像の部分は
となっている。つまり Google のサーバーにある gif 画像を iframe タグで参照して表示しているのである。
ところで、この ultrabem3 のサイトは SSL という方式を採用している。これは
|
ここで Google 画像の URL が http: から始まっていることが問題となる。SSL のサイトの一部が非 SSL の状態になってしまっているので、サイト全体の安全性が保証されなくなり、右のような警告が出てしまう。 https でなく、http を含んでいるという警告である。 |
 |
解決方法
かなり昔からある問題のようで、2009 年のヘルプフォーラムがあった (2)。最初の Google 社員の返信が「規約にない利用方法となりますので、申し訳ありませんが、お控えください」と国際企業らしからぬ対応。
しかし、FAQ のページ に以下の回答があった。
|
ロゴの URL が正しいにもかかわらず Google 検索結果の画像表示に問題がある場合は、ご利用のインターネット サービス プロバイダが他のプロバイダのサーバー上にあるイメージの掲載を許可していない可能性があります。特に、広告掲載により利益を得ている無料サービスを利用する場合にこのようなケースが多く見られます。このような場合は、イメージファイルを別のサーバーに移す必要があります。 |
これに従い、このサイトではイメージファイルをダウンロードして https のサーバーにアップし、これを参照することにしている。なお、この過程で以下の 1 の文字列を 2 に置換する必要があったので、TextWrangler による一括置換 を用いた。
- src="http://www.google.com/cse/images/google_custom_search_smwide.gif" /
- src="../../images/web_copyrighted/Logo_60wht.gif" width="60"
なお、コードによってはカスタム検索のウィンドウ自体も http になっているが、これは単に https に直すだけで動いている。
コメント欄
サーバー移転のため、コメント欄は一時閉鎖中です。サイドバーから「管理人への質問」へどうぞ。