貼っていただけたらうれしいです


Yahoo!ブックマークに登録



Googleブログ内検索
Loading
2008-12-13 09:29:14

Google カスタム検索エンジン設置方法

テーマ:JavaScript

前回紹介しましたGoogle カスタム検索エンジンの設置方法です


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


↑こんなのをみなさまのブログに設置しちゃってください

サイドバーにあるアメブロのブログ内検索より使えますよ・・・・・


http://www.google.co.jp/coop/cse/


まずはGoogleにログインしなくてはなりません・・・・
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

カスタム検索だけでなく

以前に記事中で紹介しました  Google の Analytics とか Gmail などが使えるようになりますので

ぜひGoogle アカウントを取ってください

もちのろん・・・無料ですよ

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




・・・・・?

書いていて・・・?

順番が・・・?


ともかくアカウントを取ってログインして

http://www.google.co.jp/coop/cse/

右にある[カスタム検索エンジンを制作]をクリック

※その下の既存の検索エンジンを管理 で、あとから変更など出来ますので一応先に進みます

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



↓こんなページになります

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! 検索エンジンのキーワードって~のがよく意味がわかりませんでしたので空欄にしておきました

ブログのURLを入れるときにhttp:// は入れないように注意下さい

[次へ]をクリックすると↓


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
事前にテストが出来ます・・・

自分の思っているような結果にならなければ再度設定をやり直します


津波にアメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


ちなみに上の画面で確認メールを送るにチェックしていますが・・・・

↓送られてくるメールは・・・こんなんですからチェックは必要はありませんでした


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

コントロールパネルで検索結果をどのように表示するか設定します


検索結果のホスティングオプション

・Googleページで検索結果をホスト ・・・ 

      普通にGoogleで検索した結果のページと同じです

      ただ・・・タイトルがみなさまのタイトルになるはずです


・自サイトで検索結果をホスト

  ・iframe – 検索ボックス用と検索結果用に 2 つのページが必要です   

      検索結果が自分のページ上に表示されるのですがiframeがアメブロでは使えません

      一番使いたいパターンなのですが残念です・・・・

  ・オーバーレイ – 1 ページですがモーダル オーバーレイで結果を表示します

      これはココで使っているようになります(カスタマイズは次回に説明します)


あとからでも最初の画面の既存の検索エンジンを管理で変更できます



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
上でドレを選択するかで画面が違いますがこの場合は自分のブログのURLを入力して(今度はhttp://からです)

[コードを作成]ボタンを押すと下にコードが表示されますのでコピーしてフリープラグインに貼り付けます
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

フリープラグイン以外には貼り付けられません

文字数が多いのでブログパーツをいっぱい貼っている場合には保存できない可能性もあります


またこれ以外の設定も最初の画面の既存の検索エンジンを管理から入ると行えます

Googleにログインして マイ検索エンジン でも同じ画面にいけます



広告設定
カスタム検索エンジンを Google AdSense アカウントに関連付けただけでは、広告収入は得られません。これには検索結果に表示された広告をユーザーがクリックする必要があります。カスタム検索エンジンを複数お持ちの場合は、すべて同じ AdSense アカウントに自動的に関連付けられます


らしいので・・・試してください

ただし・・・私のようなオーバーレイで表示している場合はAdSense は出来ないようです

  • なうで紹介
  • mixiチェック
  • ツイートする

コメント

[コメントをする]

1 ■無題

あの、ブログの右上にあるAbertisingっていうのを消したいんですが、それはできないんですよね?
だから、PRっていうやつに変えたいんですけど、どうすればできますか??教えて下さい。

2 ■>凛久 さま

#defaultAd h4{/*サイドPR*/
display:block;
width:170px;
height:30px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(http://stat.ameba.jp/user_images/b6/53/10088402374.gif) no-repeat left top;
}


・・・・・?
アノ画像は凛久 さまが作られた画像で
CSSで設定していますので
画像を変更すれば大丈夫です

3 ■無題

あのすいません
色んなリンク?的なものの色を変える方法を
教えてください

4 ■>ゆりな さま

CSS リンク・リンク文字色
http://ameblo.jp/exlink/entry-10146375070.html

ここが参考になると思います

5 ■無題

今フリ―スペースにバナーのタグを
貼ろうと思うんですけど・・・
貼ろうとしたらタグじゃなくてバナーになるんですけど・・・
どうやったらタグが貼れますか?
説明下手ですいません・・・

6 ■>沙耶卍// さま

・・・・?
うっ・・・・?

リンクの貼り方
http://ameblo.jp/exlink/entry-10112409527.html
ココにフリースペースにバナーを貼る方法があります・・・が

7 ■無題

こんにちわ!訪問させていただきました!

勉強させて、いただきました!

時々、拝見させいただきます!

応援します!

8 ■>沙耶卍//さま

質問の意味が理解できました
回答はもう少し待ってください

9 ■>羆野文章 さま

ありがとうございます
Google カスタム検索エンジンについては
私もまだまだわかっていません
勉強です・・・
というより遊びかな?難しく考えるとイヤになっちゃいます
わからなければ飛ばしてわかるところからやっていくと
あとになって理解できる場合も在ります

10 ■無題

体調悪いのに、申し訳ないのづすが、過去記事から、さがせなくて、教えてもらえますか?

「読者になる」のボタンの画像の変え方教えてください。

11 ■無題

あの、
「自分コメントを"もっと"分かりやすく」ってあったじゃないですか。
あれでタグを入れて、フリープラグインにも入れたんですけど..
何故か私のコメントと皆のコメントが同じになってしまいます。
何故なのでしょう?

12 ■>an さま

http://ameblo.jp/exlink/entry-10056775717.html
ここか
http://ameblo.jp/exlink/entry-10123881395.html
です

13 ■>水飛沫 さま

設定はあっています大丈夫なのですが・・・
ページ全部を読み終わってから動作するんです
meromero parkが・・・・
ず~っと動作中みたいで・・・
それが終わらないので読み込めないようです

一度、はずしてチェックしてみてください
そのままで動作すると思います

14 ■無題

読者になるの質問のつづきなのですが・・・

↓↓↓と書いたら、ボタンは、OKなのですが、フレームの背景が消えてしまいました。戻し方を教えてくださいますか?

#readerList img {
visibility : hidden ;
}
#readerList dl a{

display: block;
padding:0;
margin:0;

height:50px;/*画像の縦*/
background-repeat : no-repeat ;
background-image : url(http://stat.ameba.jp/user_images/61/a7/10119370606_s.gif) ;
}
#readerList dl a:hover {
background-repeat : no-repeat ;
background-image : url(http://stat.ameba.jp/user_images/61/a7/10119370606_s.gif);
}
#readerList img {
visibility : hidden ;
}
#readerList dl a{

display: block;
padding:0;
margin:0;

height:50px;/*画像の縦*/
background-repeat : no-repeat ;
background-image : url(http://stat.ameba.jp/user_images/61/a7/10119370606_s.gif) ;
}
#readerList dl a:hover {
background-repeat : no-repeat ;
background-image : url(http://stat.ameba.jp/user_images/61/a7/10119370606_s.gif);
}

15 ■an-補足

サイドabの背景も消えてしまいました。

16 ■無題

http://ameblo.jp/kasuga-room/
↑こういうブログのような感じにしたいんですけどどうやったらできますか??

17 ■・・・・・

あせって、質問してしまって、ごめんなさい。

原因は、画像のアドレスを別の所に、してあるからでした。

おっちょこちょいで、お騒がせしました。

18 ■>凛久 さま

・・・・
これは以前にハチさまが配布していたスキンですね
現在は配布はしていないようです・・
ハチさまは現在リクミーでスキンの受注しておられるので
http://requestion.ameba.jp/user/ameba-custom/
私が教えちゃうわけにはいかないんです
すみません

19 ■無題

いきなりすいません…

あの
コメントの文字を10pxにしたいんですけど
どうやったら出来ますか??
10pxにしようとしたら
逆に文字が大きくなったんです。。

20 ■>咲希 さま

CSSではありません
フリースペースの最初の

<font size="1">―――――――――――<br>

ここが閉じていません

<font size="1">―――――――――――<br></font>

</font>を付け足せばOKです

21 ■無題

やってみたんですけど…
小さくなりません…

22 ■>咲希 さま

</font><font size="1">んとうさま→山田涼介</font>

<font size="3"><font color="#FF66CC">読</font>


<font と </font>は対になっていないとだめです
上のところは</font>あまっていて下が足りません

23 ■無題

出来ました!
ありがとうございます(∀)

24 ■設置はできたのですが…

検索後の画面で「閉じる」ボタンをクリックしても反応がありません。
もし原因が分かりましたら教えてください。

25 ■>ばんどえいど さま

IE6だとチャント閉じることが出来るのですが・・・
位置を動かしていますよね
しかもヘッドのあたりは他のも動かしてきているので
重なりが合わないのかもしれません
Google検索の上に何かがあるのかもしれません
一度元に戻して位置を移動させないで試してみてください

26 ■直りました

実験委員さんがおっしゃる通り、重なりが原因でした。

#sub_b{
z-index: 100;
}

これを z-index: auto; にしたら閉じるボタン押せましたー。
どうもありがとうございました~。

今年もよろしくお願いします。

27 ■無題

沙耶卍//さんの書かれている
「今フリ―スペースにバナーのタグを
貼ろうと思うんですけど・・・
貼ろうとしたらタグじゃなくてバナーになるんですけど・・・
どうやったらタグが貼れますか?
説明下手ですいません・・・」
この回答はどちらにあるのでしょうか・・・?
すいません。よろしくお願いします。

28 ■>櫻野かほさま

http://ameblo.jp/exlink/entry-10271597365.html
この記事になったと思います

29 ■グーグルカスタム検索

を導入したいのですが、同意の所にチェックを入れて次へを押すと試してみるになると思うのですが、いくら検索テストをしても検索結果が出てきません。どうしたらいいのでしょうか?

30 ■>ま◔~ちゃんさま

設置できるようでしたら設置までしちゃってみてください

31 ■してみました。

設置しました。

どうかよろしくお願いします^^

32 ■>ま◔~ちゃんさま

とりあえずは・・
googleにインデックスされていないようですね
普通に検索しても出てこないです

PING設定はやっていますか?
http://ameblo.jp/exlink/entry-10054462085.html

33 ■してなかったです。

今ping設定したんですが、設定すればどうなるんでしょう?

34 ■>ま◔~ちゃんさま

メチャ簡単に・・・説明

PINGを設定しておくと記事を更新するたびに各PINGサーバーへ「更新したよ~」って情報が送られます
すると各PINGサーバーが「ま◔~ちゃん がブログを更新したよ~」って情報を公開します

検索エンジンはここも見に来ていて「じゃあ・・見に行ってこよう」ってブログを見に来ます
そして検索の対象として各検索サイトに登録していくんです

検索サイトにインデックスされると検索したときに表示される
(場合があります・・・ 検索で出てくるためにはまだ他の条件とかが必要になるので出てこない場合もあります)

暇なときにでも
http://ameblo.jp/exlink/entry-10173730782.html

http://ameblo.jp/exlink/entry-10173757205.html
でも読んでみてください
ついでに検索サイトへの登録も念のためしておくとバッチシです

35 ■3つのサイトに登録しました。

検索サイトに登録します

検索エンジン用ロボットの巡回先への推薦(yahoo)
http://submit.search.yahoo.co.jp/add/request

Google に URL を追加
http://www.google.co.jp/addurl/?continue=/addurl

Live Search に登録(MSN)
http://search.msn.co.jp/docs/submit.aspx

こ3つのサイトに登録しました。

これで過去記事は反映されるのでしょうか?

36 ■>ま◔~ちゃんさま

全部の記事がインデックスされるとは限りません
わたしの記事でチェックしても登録されていない記事もだいぶあるようです

googleでしたらすぐに来るとは思いますが・・
あとは検索サイトの事情なので・・

37 ■了解しました。

とりあえずは、反映している記事もあるんで様子を見てみます。

あっ、カスタム検索の下に過去記事が出てくるようにするにはどうすればいいのでしょうか?

38 ■こんばんは、相談です!

いつもお世話になっております、3回目?の書き込みです。
実は調べていてこんなのを見つけました。
http://www.google.co.jp/intl/ja/searchcode.html
を、応用した↓
http://ameblo.jp/kuwa77/entry-10027327102.htmlです。
これだとグーグル検索と同時にブログ内検索を設置することができます!
多少文字数はかさばるかもしれませんが・・・
しかし、ためしに自分のブログに設置してみると広告まで消されているような・・・。
これやはり設置するとまずいでしょうか?。
いまためしに設置してみたんですが、どう思われますか?
ブログ内検索の性能に差はないようなんです。
実験委員さんの言葉を聞いてみたかったので、相談させていただきました。

39 ■>けんさま

別に問題はないと思われます
大丈夫だと思いますよ

40 ■お礼

ありがとうございます。ほっといたしました。
結局実験委員様が紹介してくださっているほうに戻して、ググるリンクをつける形にしました。
今回もありがとうございます!

41 ■コード

お返事は体調が良いときで構いません。
グーグルブログ内検索を設置しました。
でもなんか前と違うような感じがします。

コードを取得するときの、
上の記事の説明の、

【でドレを選択するかで画面が違いますがこの場合は自分のブログのURLを入力して(今度はhttp://からです)
[コードを作成]ボタンを押すと下にコードが表示されますのでコピーしてフリープラグインに貼り付けます】


自分のURLを入れるところがなくて・・・
でもコードはあって。
こんなのです。↓
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'ja'});
google.setOnLoadCallback(function(){
var customSearchControl = new google.search.CustomSearchControl('016232870072616634796:rfjkoanyiqc');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />

そして検索しても最近の記事の文字も出てこなかったりするんです。
問題はないでしょうかね?

42 ■>うぴさま

大丈夫そうですね・・

>検索しても最近の記事の文字も出てこなかったりするんです
これはしかたがないです
googleのエンジンがチェックに来てインデックスされてからはじめて検索結果に表示されます
googleはまだ早い方です
yahooなんていつ来るかわからないですから・・

43 ■ありがとうございます

そうなんですかぁ☆じゃあもう少ししたら来ますかね(´ω`)
お返事ありがとうございました(´∀`)

44 ■無題

グーグルのカスタム検索がうまくいきません。
検索結果が2010年のものしかでないように
みえます。
URLは、http://を抜いて設定しています。
すみませんが、おしえてください。

45 ■>モモさま

たしかにその後リニューアルされているようです
ただ・・そんなにやることは変わっていないはずなんですが・・
あなたがどこまで出来てどこで引っかかっているのかがわかりませんので答えようが・・

教えてあげたいのですが・・体調が・・
すみませんが検索して調べてください
すみません m(_ _)m

コメント投稿

一緒にプレゼントも贈ろう!

トラックバック

この記事のトラックバック Ping-URL :

http://trb.ameba.jp/servlet/TBInterface/exlink/10176440532/2e5579d4

  • 1 ブログタイトル:草の根から日本を考えるためのニュース・ブログ記事収集日記。
  • 記事タイトル:googleカスタム検索・ブログ内検索を設置する方法
  • 記事概要:グーグルカスタムサーチは、アメブロ向上企画書で詳しく紹介されています。Google カスタム検索エンジン設置方法但し、そこで書かれている通りで概ね問題はありませんでしたが、検索結果のホスティングオプションのところはリニューアルされている様子で、アメブロ向上企

Amebaおすすめキーワード

    アメーバに会員登録して、ブログをつくろう! powered by Ameba (アメーバ)|ブログを中心とした登録無料サイト