2005年10月05日
ページがどんなキーワードで検索されたかをTagCloud風に表示させるくっつきサービス
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_defaultstyle | Cloud用のSTYLEをデフォルトの物を使用するか(true/false) | true |
| jp_blogdb_swc_f_readonly | 描画領域を自分で設定するか(true/false) | false |
| jp_blogdb_swc_search | Cloudをクリックしたときに使う検索エンジン %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_by | by Search Word CloudのDIV |
| jp_blogdb_swc_style_draw | Cloud描画エリアのDIV |
| jp_blogdb_swc_style_basedraw | jp_blogdb_swc_f_base=trueを使用したときのCloud描画エリアのDIV |
| jp_blogdb_swc_style_cloud0～jp_blogdb_swc_style_cloud24 | Cloud本体の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 | 私的サービスめもなんで「注意」「グロ」で検索されてんのかwwwwwwwwwww
Posted by: ねね at 2005年10月05日 13:27ヒント：マグロ解体
Posted by: Yappo at 2005年10月05日 13:28こんにちは、はじめまして。
昨日からSearchWordCloudを使わせていただいています。
かっこいいです！
サイトに配置してみて使ってみた感じで一部カスタマイズしたくなりました、
ちょっとやってみたのですが、これは・・相談しないとできないかも。と。
なのでもしできそうなら相談を、と思ってメールさせていただきます。
私のサイトがあるFC2ではプラグインの１つにブログ内検索のフォームがあります。
SearchWordCloudのクラウド押下時のリンクをブログ内検索フォームへの入力＆検索を行ったのと同じ動きにできないかなと。
検索フォームからの送出文字列は以下の様な感じです。
http://margay.blog76.fc2.com/index.php?q=%s
ためしに、
var jp_blogdb_swc_search='http://margay.blog76.fc2.com/index.php?q=%s';
としてみたのですが２つ期待通りにならないことが。
・日本語だとうまく行かないのです。多分EUCだからだと思います。
・自ウインドウのまま更新したいのですが別窓が開いてしまいます。
この２点をなんとかできたら良いなと・・
色々沢山書いてしまって済みませんでした。
以上です。よろしくお願いします。
こんにちは。
SearchWordCloudは感動しています。
よくぞ作ってくださいました。
ありがとうございます。
早速、自分のサイトにも導入させて頂きました。
ところが、最近数日、どうも上手く表示されていないようなのです。
なにか、追加設定が必要なのでしょうか？
お教えください。
すみません、調べてみたけどわからないので教えてください。
font sizeを設定するにはどうしたらいいのでしょうか。
(10pxにしたいのですが)
自己解決いたしました。
後で記事に紹介させていただきます。
vinyl cutter， china CNC router， laser machine，engraving machineａｎｄ ｔｈｅ ｈｉｇｈ ｑｕａｌｉｔｙ CNC machinesｓｕｐｐｌｉｅｒ
Posted by: cell phone watches at 2009年02月17日 17:04TradeTang 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 Phones ，Other. Well begun is the half done. Please choose our platform to shorten your way to the success.
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
8afashion.com offers top quality
replica handbags, Louis vuitton replica handbags, Gucci replica bags, Chanel replica handbags, Christian Louboutin shoes.