Tagged with " プラグイン"
4月 20, 2010 - WordPress    コメントは受け付けていません。

なぞる検索をサイトに簡単実装するJavaScriptツールティップ

皆さんはSAGOOLという一風変わった検索エンジンを使った事があるだろうか！？
SAGOOLにはチームラボビジネスディベロップメントが運営するサービスで「オモシロ検索エンジン」として紹介されている。おおまかに２つの珍しい機能が実装されており、動作は極めて重い。。。しかし、APIを公開していたりして、開発は積極的に行われているので、今後には大いに期待がもてる検索エンジンだとは感じている。荒削りのWEB2.0系サーチのモデルケースともいえる。

そのSAGOOLが提供する検索結果には「なぞる検索」と「オートページング」が実装されており、動作さえスムーズになれば調べ物の良い友として使う人が増えそうだ。

筆者は、ショッピング横断検索サイトを構築しているので、２つの機能には興味はあるが、自身のスキルでは実装することが困難な為に悩んでいた。筆者のように、かゆい所に手が届かないWEBマスターは世の中に万といる。そんなセミプロ？に人気なのが補完型のWEBツールだ。もちろんブログパーツなどもそのひとつ。

今回紹介するのは「popIn Rainbow」というツールティップで、「なぞる検索」を簡単に実装することが出来るものだ。一部のブロガ―を中心に人気が出始めているので、そろそろ本ライフログにも実装して、紹介してみようと思っていた。

popIn

なぞる検索を簡単に実装できるJavaScriptツールティップ

読み込み中

クリックでキャンセルします

画像が存在しません

http://popin.cc/ja/rainbow_custom.html?iframe=plugin_wordpress

popIn Rainbowは登録サイトの閲覧・PV増加・収益性向上を助けるブログパーツです。設置するだけで、当該サイトの閲覧者全員に向けて効果を発揮することが 出来ます。既に47News等 のメディアサイト、多くのブログに設置されています。新バージョンでは、自社製検索エンジンによる、サイト内検索結果の提供を主体としたツールに生まれ変 わりました。広告を出すことが不可能だった「テキスト本文」に、広告を掲載出来る『本文内広告』に対応しました。得られた広告収入はあなたとレベニューシェアします。

とのことで、閲覧者が「サイト内のテキストをなぞる検索してコンバージョン」すれば、Amazonや楽天といったアフィリエイトASPからの収益を２次検索から得ることが出来るようになる特典つき。

WordPressユーザ以外は、ヘッダー内にソースコードを記入することで、即座に「なぞる検索」を利用することが出来るようになるので、どんなにスキルのない人でも？簡単に設置することができるので、敷居は非常に低い。

//————————–ここからコード————————————//

<script language=”javascript”>
<!–

var _popIn_id = “あなたのpopIn ID”; //変更不可
var _popIn_blogUrl = “サイト URL(例：http://blog.popin.cc)”;//変更不可
var _popIn_ads = “クリック広告の有効・無効(例：true)”;
var _popIn_skin = “スキンカラー(例：black)”;
var _popIn_width = ウィンドウの横幅(例：400);
var _popIn_height = ウィンドウの縦幅(例：400);
var _popIn_keyword_max = キーワード最大表示表示個数(例：5);
var _popIn_badge = popInバッジの有効・無効設定 (例：false);
var _popIn_badge_top = ブラザウの一番上からの位置 (例：”200px”);
var _popIn_keyword_style = “リンクスタイル(例：dashed 1px #0088cc)”;
var _popIn_keyword_color = “キーワードカ ラー(例：#0088cc)”;
var _popIn_preview = リンクプレビューの有効・無効 (例：false);
var _popIn_kauli_id = “あなたのKauli アフィリエイトID”;
var _popIn_amazon_id = “あなたのAmazon アフィリエイトID”;
var _popIn_rakuten_id = “あなたの楽天 アフィリエイトID”;

ついでに、オートページング用のjQueryプラグインも紹介。
http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/comment-page-1/#comment-559

–>
</script>

//————————–ここまでコード———————————— //

上記のコードを挿入することで表示は完了。

■WordPressにはプラグインが公開されている