自分のサイトに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&lang=ja"></script>
これのお話。
最初についているコード
<script type="text/javascript" src="http://www.google.co.jp/coop/cse/brand?form=cse-search-box&lang=ja"></script>
Googleが公式に配布しているコードはコレ。
async付けたり、httpsにしたりしても動く
<script async type="text/javascript" src="https://www.google.co.jp/coop/cse/brand?form=cse-search-box&lang=ja"></script>
ドメイン変えても動く
<script async src="https://cse.google.com/cse/brand?form=cse-search-box&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 のヤツでもスタイル変更できる時もある。
この辺よく分かんない。