記事内に広告が含まれています。

サイト内の検索にGoogleカスタム検索のコードを取得しよう

サイト内の検索にGoogleカスタム検索のコードを取得しよう webサイト作成便利ツール
サイト内の検索にGoogleカスタム検索のコードを取得しよう
この記事は約4分で読めます。
広告

 サイトなどの検索に、Googleカスタム検索を利用したい。

 以前はアドセンスの画面からGoogleカスタム検索のコードが作れたのだが、最近はアドセンスではGoogleカスタム検索のコード作成ができない。

 編集とか削除とかもこちらの方法でやる。

広告

Googleアカウントを選択

 以前Googleカスタム検索を作ったことのある人やGoogleアドセンスを利用している人は、その時のGoogleアカウントを使用するので、アカウントは切り替えておく。

K
K

 Googleアカウント切り替えの必要のない人は読み飛ばしてOK。

 アカウントのない人は、アカウントを作ってね。

 ブラウザがEdgeの人の場合で説明するよ。

1.「https://programmablesearchengine.google.com/」へアクセス。

2.ブラウザ右上のGoogleアカウントマークを押す。

3.Googleカスタム検索を作るアカウントを選択する。

Googleアカウントの切り替え

Googleアカウントの切り替え

広告

Googleカスタム検索のコードを作ろう

1.〔追加〕を押す。

追加を押す-Googleカスタム検索のコードを作る

追加を押す-Googleカスタム検索のコードを作る

2.ここでは例として、「サイト内検索wp覚書」という家のブログのサイト内検索を作ってみよう。

1)検索の名前を入れる。

2)「特定のサイトまたはページを検索」にチェックを入れる。

3)検索するサイトのURLを入力。

4)〔追加〕を押す。

サイト内検索のコードを作る-Googleカスタム検索のコードを作る

サイト内検索のコードを作る-Googleカスタム検索のコードを作る

K
K

「ウェブ全体」を選択すると、インターネット上のすべての記事の検索を行う検索ボックスになる。

サイト外も含めたすべてのネット上の検索のコードを作る-Googleカスタム検索のコードを作る

サイト外も含めたすべてのネット上の検索のコードを作る-Googleカスタム検索のコードを作る

5)下へスクロールして、「私はロボットではありません」にチェックを入れる。

6)〔作成〕を押す。

Googleカスタム検索のコードを作る2

Googleカスタム検索のコードを作る2

コードをコピー

 検索ボックスのデザインを変えたい場合とデフォルトのままでよい場合についてメモしておく。

Googleカスタム検索のデザインを変更しない場合

1.作成したGoogleカスタム検索の「氏名(名前)」を押す。

Googleカスタム検索の編集

Googleカスタム検索の編集

2.検索ボックスのデザインなどに変更が必要なければ、〔コードを取得〕を押す。

検索ボックスのデザインなどに変更が必要なければ、〔コードを取得〕を押す-Googleカスタム検索

検索ボックスのデザインなどに変更が必要なければ、〔コードを取得〕を押す-Googleカスタム検索

 この画面で、カスタム検索の名前の変更や説明を入れたりできる。

3.コードが表示されるので〔コピー〕ボタンを押す。

コードが表示されるので〔コピー〕ボタンを押す-Googleカスタム検索

コードが表示されるので〔コピー〕ボタンを押す-Googleカスタム検索

Googleカスタム検索のデザインを変更

 検索ボックスのデザインの変更が必要であれば、検索ボックスのデザインを変更する。

1.〔デザイン〕を押す。

2.画面をスクロールしてレイアウトなどを変更する。

3.〔コードを取得〕を押す。

デザインを決める-Googleカスタム検索

デザインを決める-Googleカスタム検索

4.コードが表示されるので〔コピー〕ボタンを押す。

コードが表示されるので〔コピー〕ボタンを押す-Googleカスタム検索

コードが表示されるので〔コピー〕ボタンを押す-Googleカスタム検索

Googleアドセンスの検索のコードも削除できる

1.Googleカスタム検索の「氏名(名前)」の横のチェックボックスにチェックを入れる。

2.〔削除ボタン〕を押す。

Googleカスタム検索の削除

Googleカスタム検索の削除

 

 

コメント

タイトルとURLをコピーしました