2005年10月05日

Search Word Cloud

※11時に仕様を変更した追記を行っています。

うまい説明が思い浮かばないのですが
javascriptファイルをページに貼り付けておくだけで、そのページに訪問した際に使われた検索キーワードを自動的に検知して
そのキーワード達をTagCloud風に表示させる物を作ってみました。
機能は上記のものだけでいたってシンプルです。

このblogは、topの左上と各エントリの上にくっつけてます。
基本的な集計単位はURLベースなので、同一コンテンツに複数のURLが割り当てられてる時には挙動が変になるでしょう。
他にもネタがあるけど、とりあえず設置方法だけ書いておきます。

設置方法

<script src="http://swc.blogdb.jp/js/swc_init.js"></script>
以上。

UTF8なページ以外のところだと

<script>jp_blogdb_swc_OE='SJIS'</script>
<script src="http://swc.blogdb.jp/js/swc_init.js"></script>
とか
<script>jp_blogdb_swc_OE='EUC'</script>
<script src="http://swc.blogdb.jp/js/swc_init.js"></script>
って感じにします。

主にBlogに貼り付けられる事を想定していて、それぞれのエントリのキーワードをまとめて表示したいという要望も応えています。
たとえば、http://example.jp/blog/というURLがトップページで、各エントリURLがhttp://example.jp/blog/archives/000204.htmlって感じだった場合は

各エントリに設置するtagは

<script>jp_blogdb_swc_baseurl='example.jp/blog/';</script>
<script src="http://swc.blogdb.jp/js/swc_init.js"></script>

トップページに貼り付けるtagは

<script>jp_blogdb_swc_baseurl='example.jp/blog/';jp_blogdb_swc_f_base=true;</script>
<script src="http://swc.blogdb.jp/js/swc_init.js"></script>
という感じです。
この場合はトップページへのキーワードの検知は出来ませんが、おいおい考えます。
※http://は省いてください。

他にも、script srcで読み込ませる前に、特定の変数に値を入れると挙動を変える事が出来ます。
以下の通りです。

変数名説明デフォルト
jp_blogdb_swc_OE出力する文字コードを設定するUTF8
jp_blogdb_swc_baseurlトップページのURLをhttp://を省いて設定任意設定項目なので空
jp_blogdb_swc_f_baseトップページ用の集計をするか(true/false)false
jp_blogdb_swc_f_defaultstyleCloud用のSTYLEをデフォルトの物を使用するか(true/false)true
jp_blogdb_swc_f_readonly描画領域を自分で設定するか(true/false)false
jp_blogdb_swc_searchCloudをクリックしたときに使う検索エンジン
%sがキーワードに置換されます。
http://www.google.co.jp/search?hl=ja&q=%s'+escape(' site:'+document.domain)+'&lr=lang_ja
jp_blogdb_swc_f_asconly半角英数字のみを記録するモード(true/false)
http://b.hatena.ne.jp/entry/http://blog.yappo.jp/yappo/archives/000312.html
2005年10月05日 naoya 『[tag][web] やるなー、これは面白い。日本語の Cloud だとかっこ悪そうだけど。』
この実装により、かっこ悪い不具合は回避した
false

以下はstyleのclassです

クラス名説明
jp_blogdb_swc_style_byby Search Word CloudのDIV
jp_blogdb_swc_style_drawCloud描画エリアのDIV
jp_blogdb_swc_style_basedrawjp_blogdb_swc_f_base=trueを使用したときのCloud描画エリアのDIV
jp_blogdb_swc_style_cloud0~jp_blogdb_swc_style_cloud24Cloud本体のspan、それぞれの濃度毎に設定

jp_blogdb_swc_f_readonly=trueにする時は、任意の場所に

<div class="jp_blogdb_swc_style_draw" id="jp_blogdb_swc_id_draw"></div>

を入れておいてください。
jp_blogdb_swc_f_readonly=trueかつjp_blogdb_swc_f_base=trueを使用したときは
<div class="jp_blogdb_swc_style_basedraw" id="jp_blogdb_swc_id_basedraw"></div>

を入れておいてください。

今のところgoogleとY!jのみからキーワードを収集します。
収集部分のコードはhttp://swc.blogdb.jp/SearchWord.pm.txtです。
適当に作ってるので、対応エンジンが増えれば実装を変えるとは思います。

相変わらず実験中なので、データがいきなりリセットされる事もあると思います。
保存するデータは、検索キーワードとURLの対応表だけです。
データが溜まって来たら、別の事に活用する可能性もあります。

意見とかありましたら、コメント欄へおねがいします。

Posted by Yappo at 2005年10月05日 02:48 | TrackBack | 私的サービスめも
Comments

なんで「注意」「グロ」で検索されてんのかwwwwwwwwwww

Posted by: ねね at 2005年10月05日 13:27

ヒント:マグロ解体

Posted by: Yappo at 2005年10月05日 13:28

こんにちは、はじめまして。
昨日からSearchWordCloudを使わせていただいています。
かっこいいです!

サイトに配置してみて使ってみた感じで一部カスタマイズしたくなりました、
ちょっとやってみたのですが、これは・・相談しないとできないかも。と。
なのでもしできそうなら相談を、と思ってメールさせていただきます。

私のサイトがあるFC2ではプラグインの1つにブログ内検索のフォームがあります。
SearchWordCloudのクラウド押下時のリンクをブログ内検索フォームへの入力&検索を行ったのと同じ動きにできないかなと。


検索フォームからの送出文字列は以下の様な感じです。
http://margay.blog76.fc2.com/index.php?q=%s

ためしに、
var jp_blogdb_swc_search='http://margay.blog76.fc2.com/index.php?q=%s';

としてみたのですが2つ期待通りにならないことが。

・日本語だとうまく行かないのです。多分EUCだからだと思います。
・自ウインドウのまま更新したいのですが別窓が開いてしまいます。

この2点をなんとかできたら良いなと・・

色々沢山書いてしまって済みませんでした。

以上です。よろしくお願いします。

Posted by: margay at 2006年11月04日 00:21

こんにちは。

SearchWordCloudは感動しています。
よくぞ作ってくださいました。
ありがとうございます。
早速、自分のサイトにも導入させて頂きました。

ところが、最近数日、どうも上手く表示されていないようなのです。

なにか、追加設定が必要なのでしょうか?
お教えください。

Posted by: gokuraku at 2007年02月11日 12:12

すみません、調べてみたけどわからないので教えてください。
font sizeを設定するにはどうしたらいいのでしょうか。
(10pxにしたいのですが)

Posted by: kisato at 2007年06月17日 08:15

自己解決いたしました。
後で記事に紹介させていただきます。

Posted by: kisato at 2007年06月18日 18:41

vinyl cutter, china CNC router, laser machineengraving machineand the high quality CNC machinessupplier

Posted by: cell phone watches at 2009年02月17日 17:04

TradeTang is the premiere online china wholesale distributor and closeout company helping small businesses and entrepreneurs compete against larger enterprises. We sell bulk wholesale merchandise at the best prices around. TradeTang offers cheap products with high quality at wholesale prices. Our products are sold by the single case or you can buy in bulk. As a wholesale supplier, we pride ourselves on being able to bring business owners high-quality wholesale items at low prices.
We provide popular wholesale products such as Racing Parts,Tools ,Accessories Parts and Cell PhonesOther. Well begun is the half done. Please choose our platform to shorten your way to the success.

Posted by: replica bags at 2009年06月17日 01:51

The power supply manufacturer, Best Power Supply Manufacturer,we are a temperature sensor manufacturer. ... capsule filling machine manufacturers, sheet metal fabrication, air compressor, you have come to the right place. To see all the air compressor We can offer a complete program of products,ranging from metallic yarn,metallic yarn Packing.Metlon produces their metallic Zeatin trans-zeatin Zeatin-riboside trans-zeatin-riboside PVC pipe fittings packing machine manufacturer. packing machine manufacturer in china, Auto OEM Manufacturer of switching power supply,Switching Power Supply Design and power inverter provider,

buy replica bags come here, our site have good replica handbags and Louis Vuitton replica ,find good replica louis vuitton handbag and replica handbag or replica handbag .please contact us .Replica Jewelry.replica bagReplica Louis Vuitton .Replica Louis Vuitton handbag we are the best choose

Posted by: dsfd at 2009年06月17日 01:52

8afashion.com offers top quality
replica handbags, Louis vuitton replica handbags, Gucci replica bags, Chanel replica handbags, Christian Louboutin shoes.

Posted by: moss at 2009年07月05日 18:17
Post a comment









Remember personal info?






コメントを投稿する前に↓の場所にnospamと入力してください。