Webページの各所の役割等をユーザーに伝えるページツアーを実装するスクリプト・「GuideChimp」

Ads

GuideChimp


GuideChimpはWebページの各所の役割等をユーザーに伝えるページツアーを実装するスクリプトです

使い方も手軽で簡単、既存のWebページにも組み込む事が出来ます。nextはカーソルキーにも対応してありました

試しに使ってみました

Ads

Example

用意されたサンプルをフォークしただけですが、それでも使い方はすぐに理解できるほどには使いやすい印象です

サンプルではHTMLのカスタムデータ属性を利用してツアーを作成していますが、JSだけで管理する方法も用意されています

JSで管理する際はツールチップ内にボタンも用意できるのでこちらの方が汎用的かもしれませんね

ライセンスはApacheライセンスと有償ライセンスが用意されています

GuideChimp