Guiders.js - Tạo chỉ dẫn cho website

Đăng bởi Neo trong mục Hướng dẫn vào 24 tháng 6, 2011 | Comments

Chỉ dẫn, giới thiệu các tính năng quan trọng giúp người dùng hiểu chức năng, cách sử dụng website/application của bạn là việc cần thiết và nên làm. Nhưng trước khi có Guiders.js thì đây là một việc khó khăn.

Guiders.js được phát triển bởi dịch vụ A/B testing Optimizely, Guiders.js mới được chuyển qua mã nguồn mở vào ngày 22/06/2011.

Guiders.js rất mềm dẻo, giúp bạn tạo được các hộp thông báo và đặt chúng ở bất kỳ đâu trên website. Bạn cũng có thể tùy biến các sự kiện ẩn/hiện guiders. Điều này giúp cho người dùng tương tác với website/application của bạn theo đúng trình tự các bước mà bạn đưa ra.

Guiders.js phụ thuộc vào thư viện jQuery, sau khi thêm jQuery và Guiders.js vào website thì các bước để tạo chỉ dẫn rất đơn giản.

Thêm jQuery và Guiders

Đưa đoạn mã sau vào trong thẻ <head> của website của bạn:

<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="guider.js"></script>
<link rel="stylesheet" href="guider.css" type="text/css" />

Tạo chỉ dẫn

Bạn có thể tạo chỉ dẫn với phương thức guider.createGuider({settings})

guider.createGuider({
  buttons: [{name: "Next"}],
  description: "Mô tả cho chỉ dẫn",
  id: "first",
  next: "second",
  overlay: true,
  title: "Chào mừng bạn đến với Ntuts.com!"
}).show();
/* .show() có ý nghĩa chỉ dẫn sẽ xuất hiện ngay sau khi được tạo ra. */

Các bạn có thể tìm hiểu thêm cách sử dụng ở trong ví dụ tải về của Guiders.js

Guiders.js cũng có một dịch vụ (có phí) giúp bạn tạo các chỉ dẫn, thay đổi cho website (rất tiện khi làm việc với khách hàng). Bạn có thể xem tại địa chỉ https://optimizely.appspot.com/edit#url=ntuts.com/bai-viet, thay url bằng địa chỉ website của bạn

Bạn có thích bài viết này?

Neo's picture

Neo

Nhìn mặt trời từ năm 1984 nhưng tới tận 2002 mới được thấy cái máy tính đầu tiên của mình. Đầu năm 2007 thì quyết định theo cái nghề cao quý là thiết kế web Big Grin. Hiện mình đang sống tại Hà Nội. Sở thích: làm website và giúp đỡ mọi người phát triển website theo chiều hướng tốt đẹp hơn.

Trang chủ - Twitter