ここでは検索エンジン自体のキーワードを設定し、画像検索を有効化します。その2次に「デザイン」の設定を行います。選択し保存をクリックします。その3フォームのデザインが下記から行えるので好みのものを設定後「保存してコードを取得」をクリックします。貼り付け用コードが表示されますのでテキスト等にコピーしておきます。表示などカスタマイズもできますので必要な場合は別途設定してきます。カスタム検索エンジンの登録と設定は以上です。表示させる手順になります。javascriptを外部ファイルから読み込ませる先ほど取得したコードはソースコードにベタッと貼り付けると見通しが悪くなるので、下記のようにして外部ファイルから読み込ませるようにしました。元のコードはこんな感じです。いう名前で保存します。上記コードは参考例ですので各自取得したコードを元に利用してください。読み込ませる設定を追加します。読み込んでいる場合には必要な箇所だけを追加します。下記関連記事も合わせて参照してみてください。読み込ませる設定は以上です。下記のように編集します。対応させるため下記記事で修正しました。行目は表示位置を調整するために追加したクラスです。検索フォームを表示するためのコードです。最後にスタイルシートに下記コードを末尾に追加し表示のカスタマイズをします。いうクラスは検索フォーム自体のスタイルシート設定になります。規約の範囲内で自由に見た目をカスタマイズできます。カスタム検索エンジン導入はこれで以上になります。