自分のサイトにGoogle検索を設置する時のJavascriptのメモ。
スタイルシートを弄って検索ボタンのデザイン変えたい時とかに読み返す用。

あと 気分転換やノリで検索のドメイン変えてみよう的な感じで。

<form action="http://www.google.co.jp/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-xxxxxxxxx" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="30" />
    <input type="submit" name="sa" value="検索" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.co.jp/coop/cse/brand?form=cse-search-box&amp;lang=ja"></script>

これのお話。

最初についているコード

<script type="text/javascript" src="http://www.google.co.jp/coop/cse/brand?form=cse-search-box&amp;lang=ja"></script>

Googleが公式に配布しているコードはコレ。

async付けたり、httpsにしたりしても動く

<script async type="text/javascript" src="https://www.google.co.jp/coop/cse/brand?form=cse-search-box&amp;lang=ja"></script>

ドメイン変えても動く

<script async src="https://cse.google.com/cse/brand?form=cse-search-box&amp;lang=ja"></script>

<script async src="https://www.google.com/coop/cse/brand?form=cse-search-box&lang=ja"></script>

その他メモ

id="cse-search-box" 内のスタイルが上手く変更できない時は cse.google.com から配布されている .js 使うと上手く変更できる場合もある。

そんなコトしなくても 最初の co.jp のヤツでもスタイル変更できる時もある。
この辺よく分かんない。