Googleカスタム検索設置

にほんブログ村 サラリーマン日記ブログへ
ポチッとお願いします
気に入った記事があればコメント、シェアお願い致しますm(_ _"m)ペコリ

ホームページにグーグル社のGoogleカスタム検索を設置してみました
設置方法のメモφ(゚ー゚*)

下記のサイトからアカウント(ID)を発行しました



Googleカスタム検索エンジン https://cse.google.co.jp/cse/?hl=ja



[スポンサーリンク]

「カスタム検索エンジンの作成」を押下して
検索設定を作成していきます



検索するサイトに作成する検索ウィンドで検索する対象を登録

複数のサイトを登録することも
ファイル指定(ex. http:www.hoge/hoge.html)も可能なようです

[スポンサーリンク]


今回はこのホームページのトップアドレスを登録しました



検索エンジンの設定等の画面になります
いろいろ設定を変更したり出来る様です

今回はとりあえず設置をしてみたいので
デフォルト設定で行きます
「コードを取得」を押下



[スポンサーリンク]


グレーの背景部分がホームページに貼り付けるコードです

「HTMLの例を表示」を押下すると
コードの貼り付け場所の説明が表示されます

例ではコード全てをbodyタグ内に張り付ける様に記載がありますが
scriptはheadタグ内で
「gcse:search」「/gcse:search」だけをbodyに設置しても問題なく動いています





HTML フォームを使用した検索ボックスの作成 https://support.google.com/customsearch/answer/1351747?hl=ja

また、ヘルプではHTMLフォームでも作成可能と記載されており
「YOUR SEARCH ENGINE ID goes here」を検索エンジンIDに置き換えるだけでいいようです



「検索エンジンID」を押下すると確認できます

[スポンサーリンク]
気に入った記事があればコメント、シェアお願い致しますm(_ _"m)ペコリ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

コメント

お名前 *

ウェブサイトURL