自分のブログ専用のGoogle検索をアメブロに設置する | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

これがないと、やっていけません^^; Googleサイト内検索

デスクトップ
こんにちワ。

※この記事、以前このブログに書いたんですが、画像のリンク切れで大変見づらいものになってしまいました。
再度メモしておきたいと思います。


アメブロには、サイドバーにブログ内の検索をする「入力フォーム」があります。
が、残念ながらこの検索は性能が低く、自身のブログの閲覧者さんにブログ内の情報を快適に検索してもらうには物足りないです。

そこで、Googleのカスタム検索エンジンというサービスを利用して、ブログ閲覧者さんがブログ内の記事を快適に探せる検索機能を御自身のアメブロに設置する方法をご紹介したいと思います。

01/05


では、御自身のアメブロ専用のカスタム検索エンジンを作成する方法を順を追って御案内します。

カスタム検索のコードを取得する。

※IE(Internet Explorer、インターネットエクスプローラ)では作成作業が正常動作しない場合があるようですので、作成は他のブラウザ(Google Chromeや Firefox)を使われたほうが良いと思います。

1.まず、Googleアカウントが必要ですので、まだGoogleアカウントを持っていない場合は取得して下さい。(※GmailやGoogle+を使っていればそのアカウントでOKです。)
ログイン - Google アカウント

01/05


2.Googleアカウントの作成が完了したら(或いは既に持っている場合は)、カスタム検索エンジンのページへアクセスして下さい(※もし既に作成したことがある場合は管理画面が表示されます)。

カスタム検索 - 検索エンジンの編集


3.ページが表示されたら、右上の方にある[カスタム検索エンジンの作成]というボタンをクリックして作成に入ります。

01/05


既に作成したことがある場合は、左側メニューにある「新しい検索エンジン」をクリックして下さい。

▼▼ここから作成です。▼▼

4. [検索するサイト]欄に、 「ご自分のアメブロのトップページのURL(アドレス)から、先頭の『http://』を外して、最後に『*』を付け足した文字列」を入力して下さい。

例えば、このブログのトップページのURLは、「http://ameblo.jp/wantan-52/」ですので、入力するのは「ameblo.jp/wantan-52/*」ということになります。

次に、[言語]欄で「日本語」を選択してください。

この2ヶ所の入力ができたら、[作成]ボタンをクリックしして下さい。

01/05


5.下のような画面が表示されると思いますので、[コードを取得]と書かれたボタンをクリックして下さい。

01/05


6.これで、フリープラグインに貼り付けできる、アメブロにGoogleカスタム検索エンジンを設置するためのコードが表示されますので、これを、フリープラグインにコピペ(コピー&貼り付け)すれば終了です。

01/05


※フリープラグインの使い方が、もし分からない場合は、こちらのサイト様を参照してください。

フリープラグインを利用してアメブロをカスタマイズする方法|アメブロカスタマイズと読者を増やすブログ運営 初心者でもかんたん


カスタム検索 - 検索エンジンの編集

○要約
カスタム検索エンジンのページへアクセス→「カスタム検索エンジンの作成」ボタン→「新しい検索エンジン」ボタン→1. [検索するサイト]欄に、 「ご自身のアメブロのトップページのURL(アドレス)から、先頭の『http://』を外して、最後に『*』を付け足した文字列」を入力。2.[言語]欄で「日本語」3.[作成]ボタン→[コードを取得]→フリープラグインに貼り付け



追記記事やフリースペースに「カスタム検索エンジン」を表示する方法

上の方法でGoogleカスタム検索エンジンをフリープラグインに設置すると、記事やフリースペース等にも簡単に同様の検索機能をつける事ができます。

方法は、検索用のフォームを表示したい位置に、

<gcse:search></gcse:search>

というタグを記述するだけです。(↓)




○思うこと
お役立ち記事なんかを良く書かれる方は、こんなサイト内検索を設置して置くと、他のページも見てもらえて、アクセスアップに繋がるんじゃないでしょうか。

自分の場合、自分自身が、大事な事を、このブログの何処に書いたか解らなくなるなんて事が良くあるもので、もう、これがないと、やっていけません^^;



☆ブィブィ  ('-^*)/