注意：Gatsby.jsの場合は不可能

Gatsby.jsに設置する場合この方法だと検索窓が消えてしまう。

設置に成功した方法があるのでGatsby.js用の設置方法は別で記事にする。

公式HPにアクセス

https://cse.google.co.jp/

ここをクリックしてログイン

★ログイン画面は省略

3箇所記入

タイトルをどうしたら良いか分からなかったら適当で良い。設定画面の表示名が変わるだけだ。

貼り付けるコードを取得

表示されたコードを自身のHTMLにコピーして貼り付ける。

完成

以上

以上である。やたら簡単である。

調べてみるとやたら細かく説明しているサイトが殆どだったので可能な限りシンプルに解説した。

設定などは感覚的に分かりやすくなっているので説明するまでもなくいじってみれば良いだろう。