gliojs

JavaScript

viewportから離れた時にイベントをトリガーしてくれる「gliojs」

gliojsは、ページを閲覧している時にマウスがviewport(表示領域)から離れてしまった時にイベント(コールバック)をトリガーしてくれるJSライブラリです。その使用目的ですが、「コンバーション率」を高めるためのものです。「コンバーション率」とはページを閲覧した際に得られる「収穫=成功率」のようなものです。例えば、お問い合わせや資料請求、商品の購入などの制作者側の目的が達成される確率です。ウェブサイトを作成する目的の根幹ですね。
それでは、gliojsについて見ていきましょう。

gliojs

デモ

gliojsは、Chrome・Firefox・IE・Opera・Safariへの対応が確認されています。Safariでも問題ないのは、嬉しいですね。また、Vivaldiの最新バージョンでも挙動の確認ができました。

冒頭でも述べましたが、gliojsを使用すればコンバーション率を高めることができます。その具体的な理由は、マウスの位置がviewport(表示領域)を離れた時に、メッセージをポップアップで表示させるイベントを起こすことができるからです。

例えば、「◯◯に関するご案内を見てみませんか?」「◯◯(企業サイトの場合、展開しているサービスに関すること)についてお困りではないですか?」「初回特典で送料無料」などのページに留まってもらえそうな情報を表示させるといいと思います。ユーザーの注意を確実につかむことができます。

ただし、注意点もあります。ポップアップが表示されると、それを消すためにユーザーは[OK]をクリックしないといけません。やたらと表示させてしまうと、「このサイトうるさい」という悪いイメージを持たれてしまうことも考えられます。なるべく重要な箇所で使用することを気に留めておいてください。

また、viewport(表示領域)の検知は、「上、左上、右上、左下、右下」の5箇所のポイントにより行うことができます。すべてのポイントで使用するのは、まさしく先ほどの「うるさい」に繋がりかねませんので、気をつけましょう。

gliojs

Lightense Images軽量で依存しないピュアJavaScriptライブラリによるズーミング実装「Lightense Images」前のページ

要素を選択するときに直感的な操作を実現する「Multipicker」次のページMultipicker

関連記事

  1. Toast

    JavaScript

    アニメーション付きでスタッキングしていくメッセージ通知「Toast」

    Toastはアニメーション付きのメッセージ通知を表示することができるj…

  2. awNotices

    JavaScript

    スタート・ストップ機能がついたシンプルなjQueryニュースティッカー「awNotices」

    awNoticesはスタート・ストップ機能がついたシンプルに切り替わる…

  3. no-image

    JavaScript

    HTML要素を回転させれる「jquery-ui-rotatable」

    jquery-ui-rotatableはHTML要素を回転させれるjQ…

  4. Babylon Grid
  5. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

  6. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

最近の記事

  1. JOK-350 WH
  2. 1460 COLLAR ウォータープルーフ 8ホールブーツ
  3. スターバックス ハウスブレンド

アーカイブ

PAGE TOP