ITエンジニア/デザイナ向けにオープンソースを毎日紹介

これを使うとコンバージョンレートが上がると思いますよ!

Webサイトを離脱される前に、ちょっと待って!と声をかけたくなることはないでしょうか。もちろんそれがユーザメリットになるかと言われると難しいですが、それでもせっかく訪問してくれた人が離れてしまうのを何もできずに見送るのに歯痒さを感じることもあるでしょう。

そこで使ってみたいのがOuibounceです。Webサイトの離脱するタイミングでモーダルウィンドウが出せる面白いライブラリです。

Ouibounceの使い方

例えばこんな感じのページがあります。
例えばこんな感じのページがあります。

そしてモーダルが出ます。
そしてモーダルが出ます。

これだけでは分かりづらいのですが、Ouibounceはタブを閉じる動きをする(つまり画面の上)とモーダルが出てきます。ポインタの動く速度や高さなどをとって判定を行っているようで、ウィンドウのタブを閉じようとするような動きに対してちゃんと反応してくるのが面白いです。

例えばショッピングカートが残っている場合や入力内容が残っている場合など、ユーザを取りこぼすには勿体ないといった時に使うとコンバージョン向上につながる可能性がありそうです。モーダルもアニメーションしながら表示されるので確実に目を引く動きになるはずです。

OuibounceはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

Carl's Sandbox

carlsednaoui/ouibounce

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2