サイトにGoogleカスタム検索を設置する2つの方法

2つの方法があります。

Programmable Searchから作成

「追加」をクリックします。新規の場合でもやり方はさほど変わりません。

検索エンジンが作成されました。

表示されたコードを <body> 内に貼り付けます。

<script async src="https://cse.google.com/cse.js?cx=***"></script>
<div class="gcse-search"></div>

WordPress の場合はウィジェットを使ってコードを貼ると便利。

検索窓が表示されました。

最初のページに戻り収益化したいドメインをクリック。
次のページで「AdSense」→「AdSenseの設定に移動」をクリックします。

検索エンジンの収益化をオンにします。

上の方に広告、下の方に検索結果が表示されました。

広告に名前をつけて右下にある「作成」をクリックします。検索の対象はお好みで。

コードをコピーして表示させたい場所に貼り付けます。

編集したい場合は、既存の広告ユニットから「編集」→「エディタを開く」をクリックすると Programmable Search が新しいタブで開きます。

編集（デザイン）したい場合は結局 Programmable Search を開くことになるので、最初から Programmable Search から設定した方が良いんじゃないかと思いました。

基本はこのように表示されます。

デザインの変更は Programmable Search – すべての検索エンジンの「デザイン」から行います。

当サイトではこのように設定してみました。

Programmable Search を開き、削除したい検索エンジンにチェックを入れて「削除」をクリックすると削除されます。

思い切って検索エンジンを削除すると良いです。新しく作り直すと上手く表示されます。