ブログに設置している Google検索 のコードを変更したのでメモ。
いままでの古いコード
<!-- sitesearch google -->
<form action="https://www.google.co.jp/search" id="cse-search-box">
<div>
<input type="text" name="q" value="" size="20" maxlength="255" />
<input type="hidden" name="hl" value="ja" />
<input type="hidden" name="ie" value="utf-8" />
<input type="submit" name="btnG" value="検索" />
<input type="hidden" name="q" value="site:web.tvbok.com" checked="checked" />
</div></form>
<!-- sitesearch google -->
今回設置したコード
<!-- sitesearch google -->
<form action="https://www.google.co.jp/search" id="cse-search-box">
<div>
<input type="text" name="q" size="25" value="" maxlength="255" aria-label="検索窓">
<input type="hidden" name="sitesearch" value="web.tvbok.com">
<input type="submit" value="検索">
</div></form>
<!-- sitesearch google -->
コードを変更した理由は、以下の2つ
- 別館側：（検索向け AdSense ）
検索向け AdSense の利用用件が変わり、現時点の私はその用件を満たさなくなっているらしい。 - バックステージ側：（普通のGoogle検索）
2008～2011年頃に設置した当時のコードは、現在の Web では正常動作しない事に気が付いた。
どうやら 検索向け AdSense（AFS）は、2025年8月あたりで利用用件が変わっていたらしい。利用回数が少ない（2ヵ月で20回以下くらい）と、利用ができなくなる or 収益対象から外れる････みたいな規約（よく読んでないのでワカラン）。
2008～2011年頃のコードは、検索ワードがブラウザにキャッシュされてしまい、複数回 検索を利用しても「1回目の検索結果」が常に表示されてしまう。
この2点を解決するため、Google検索のコードを一新した。
（まだ 別館とバックステージのみ）
Google カスタム検索を利用する
ちなみに、上記のようなコードではなく Google カスタム検索を利用する、という方法もある。
- Programmable Search - すべての検索エンジン
- 上記リンク先では、Google アカウントに紐づき、もっと柔軟にカスタマイズできるコードがもらえる。
- こんなカンジ
<script async src="https://cse.google.com/cse.js?cx=xxxxxxxxxxxxxx">
</script>
<div class="gcse-search"></div>
上記「xxxxxxxxxxxxxx」の部分に、ユーザー別の識別子が入る。
チョットだけ試してみたが、スタイルシートを上手くハックしないと意図通りのレイアウトで表示できないヤツだった。時間がかかりそうだったので、今回は利用をやめた。