話題のナレッジベース | Knowledge Base Weblogs space
HOMEBlogs index Blog/ブログWeb2.0/Ajax >> space
space space
space
space
space
space
December 7, 2007 space
   space
space

検索キーワードをハイライト表示する javascript を導入してみる!

space

グーグルのツールバーを使っていると、検索したキーワードの部分だけが色が替わってハイライト表示されるのを見たことがあると思いますが、これがツールバーを導入してなくても、誰でも普通に使えると便利ですよね。それを自分のページでも使えるようにするjavascriptがあります。
 
 検索キーワードをハイライト表示可能にするjavascriptがネットには多数あります。
 
 これのハイライト表示により簡単に検索キーワードを提供できて、しかも閲覧時間を高めることができるかもしれません。
 
 

space

 
 検索エンジンからのアクセスが多いサイトの場合、入力したキーワードからページを閲覧した際に、ページ内で、キーワードがハイライト表示されていると、閲覧率や滞在時間が向上する可能性が期待できます。
 
 
 導入は簡単なので、試してみてはいかがですか?
 
 検索ワードだけハイライト表示させるスクリプトを以下のサイトからダウンロードします。
 searchhi(http://www.kryogenix.org/code/browser/searchhi/)のサイトから、searchhi.jsをダウンロードして、自分のページがあるサーバーへセットして、ページの記述に、javascriptを使えるように宣言してから、スタイルシートに、ハイライト表示させる際のカラーを指定して記述を追加するだけです。

 

searchhi
検索ワードだけハイライト表示させるスクリプト
 
<script src="http://yourdomian/searchhi.js" type="text/javascript"></script>
<style type="text/css">
.searchword {background-color: yellow}
</style>
 
 上記コードの記述は、全角で<>記述してありますので、ページに組み込む際には、半角で記述するように直してください。
 
 

 

space
HOMENews BlogsBlog/ブログ Web2.0/Ajax | December 7, 2007 |  twitter Livedoor Buzzurl はてな Yahoo!ブックマーク人が登録
space


space Entries of this Category
space

  Next >> F1マクラーレン スパイ疑惑 2008年の参戦可否 >> 

F1の運営を行う国際自動車連盟(FIA)が、2008年度のF1世界選手権シリーズでフェラーリの極秘の技術情報を不正保持して厳罰処分を受けたマクラーレン・メルセデスの来季の参戦が...»この話題を見る…


  Previous << 太陽観測衛星「ひので」 太陽コロナ超高温100万度の謎 << 

米科学誌サイエンスに、昨年日本が打ち上げた太陽観測衛星「ひので」の成果として、宇宙航空研究開発機構と日本の国立天文台、京都大学が、太陽の表面温度は約6000度なのに上空が超高温... »この話題を見る…


space
space
Welcome to knowledgeBase  Blogs  ▲TOP