はてなブックマーク

LPO（Landing Page Optimization）とは Webサイトの中でユーザーが最初に開くページ（ランディングページ）を、アクセスしてきた条件により変化させることで、ユーザーを到達させたいページ・アクションへ導く手法のことです。 ページに訪れた際の検索キーワードや、広告を掲載していたページ（参照元URL）などにより振り分けるのが一般的ですが、ユーザーの地域・新規訪問かリピーターか・最終アクセスからの経過時間・アクセスした曜日・時間帯などによりターゲットを絞り込むことも、狙いによっては効果的です。 jLPOでできること 上で挙げたターゲティング表示機能のすべてが、jQueryのプラグインとしてLPOツールが簡単かつ無料で利用できます。高コストだった地域による絞込みも、GoogleAPIの利用で実現しました。（対応する地域の精度はGoogleAPIの機能に依存します。） 適用箇所

株式会社箔一様の工芸品販売サイトの新規立ち上げの案件となります。EC－CUBEをベースにデザインからシステムカスタマイズを行いました。

EC-CUBEの商品詳細の管理画面を簡単にWYSIWYGエディタ（CKEditor）にするモジュール 商品管理ページの詳細データの入力欄は、HTMLのタグ入力ができますが、ここでHTMLタグを入力して管理するのは意外と面倒です。かといって市販のエディタソフトで一旦編集してからソースをコピペするのも面倒です。そんなことを思って、一層のこと入力欄にWYSIWYGエディタを適用させようと考えました。WYSIWYGエディタならHTMLタグの知識がない人でも、簡単に文字の大きさや色、表組みなどを作ることができます。 また、より簡単にWYSIWYGエディタを導入するために、EC-CUBEソースのカスタマイズ等の作業を不要とし、単にモジュールファイルのアップロードだけで、EC-CUBEの商品詳細にWYSIWYGエディタが適用される仕組みを採用してみました。 適用イメージ 動作環境 「EC-CUBE」（v

ロールオーバーすると滑らかに画像が切り替わるライブラリ ボタン・リンクのロールオーバー効果を表現する際、CSSやJavaScriptによる画像の切り替えだけでは物足りない時があります。ロールオーバー時のデザインを活かすため、ボタンにロールオーバーすると滑らかに画像が切り替わるライブラリを作成しました。みなさまのデザイン表現の幅を広げるお手伝いができれば幸いです。（※個人利用・商用利用を問わず自由にご利用いただけますが、自己責任の上でご使用ください。） 動作サンプル このライブラリは、JPEG・GIF・透過PNGに対応しています。 JPEG/GIFの場合 透過PNGの場合 InternetExplorer6～8のPNG対応について InternetExplorerは、バージョン6までは透過PNG自体に対応しておらず、7・8になってもフェードイン表現の際に透過部分がギザギザになってしまう仕様で