Hướng dẫn dùng cổng thông tin Ghost Portal cho Ghost CMS

Hướng dẫn cách sử dụng cổng thông tin Ghost Portal.

Cường Trần
Cường Trần
5 phút đọc .

Cổng đăng thông tin Ghost Portal có thể được xem là một tính năng vô cùng thông minh của Ghost với các lợi ích tuyệt vời sau:

  • SEO tốt hơn
  • Chống spam bot hiệu quả hơn
  • Tương thích ngược với các theme Ghost cũ
  • Người dùng có thể tự thêm tính năng membership dễ dàng

Site của bạn SEO tốt hơn nhờ loại bỏ các trang "slim content" như trang đăng ký, đăng nhập, tài khoản, bảng giá, profile,...

Ghost Portal còn giúp bạn chống các spam bot cực hiệu quả so với form đăng ký HTML thông thường.

Ghost Portal tương thích ngược các theme cũ không có tính năng membership, vẫn chạy được membership và chỉ với 1-click bấm trong Ghost Admin.

Cách dùng cổng đăng nhập Ghost Portal

Bạn có 3 cách dùng Ghost Portal cơ bản sau

  1. Nút Portal Button tự động
  2. Kích hoạt portal bằng link
  3. Kích hoạt portal bằng data attribute

Trước tiên, bạn cần đảm bảo là đã bật tính năng membership của Ghost, vì nếu bạn tắt trong Ghost Admin thì Ghost Portal cũng sẽ không hoạt động.

"Anyone can sign up" là Ghost Portal đã được bật
"Anyone can sign up" là Ghost Portal đã được bật

1. Dùng nút Ghost Portal tự động

Nút Portal Button
Nút Portal Button

Đội ngũ phát triển Ghost đã cố tình thiết kế Ghost Portal thân thiện với cả người dùng Ghost không rành về kỹ thuật.

Ghost mặc định bật cho bạn tính năng này khi cài đặt mới. Bạn sẽ có một nút đăng nhập ở góc phải bên dưới màn hình và nó sẽ tự động tất cả cho bạn.

Bật Ghost Portal
Setting > Membership > Customize Portal

Khuyết điểm của cách này là làm site bạn chậm hơn và che mất một phần màn hình trên điện thoại vì nút portal khá là to.

Đổi lại, nút Portal Button là đơn giản nhất và tiện lợi nhất.

Để dùng Ghost Portal bằng link thì bạn chỉ cần thêm các slug tương ứng sau

Links Diễn giải
/#/portal/signup/ Đăng ký
/#/portal/signin/ Đăng nhập
/#/portal/account/ Tài khoản (sau khi đã đăng nhập)
/#/portal/account/plan/ Nâng cấp tài khoản trả phí (cần Stripe)

Bạn tham khảo các URL này tại Setting > Membership > Customize Portal > Links

Tham khảo trong Ghost Admin
Tham khảo trong Ghost Admin

Cách này giúp bạn thêm link đăng ký vào menu siêu đơn giản.

Tạo Ghost Portal trong Menu (Navigation)
Tạo Ghost Portal trong Menu (Navigation)

3. Dùng Ghost Portal bằng data attribute

Cách này là chuẩn nhất. Tại sao?

Với cách thêm Ghost Portal bằng URL bạn sẽ phải redirect đến trang chủ rồi Popup mới hiển thị.

Cách thêm bằng data-portal thì lập tức mở popup Ghost Portal ngay lập tức, rất chuyên nghiệp và mượt mà.

Links Diễn giải
data-portal="signup" Đăng ký
data-portal="signin" Đăng nhập
data-portal="account" Tài khoản (sau khi đã đăng nhập)
data-portal="account/plan" Nâng cấp tài khoản trả phí (cần Stripe)
Setting > Membership > Customize Portal > Data Attributes

Bạn có 2 cách thêm data attribute như sau

  1. Links
  2. Nút button

Link thì sẽ theo code sau

<a data-portal="signup" href="javascript:" rel="nofollow ugc">Đăng ký</a>
Đăng ký

Nút button thì theo code sau

<button class="c-btn" data-portal="signup">Đăng ký</button>

Bạn hãy lưu lại dạng snippet để sử dụng thường xuyên.

Một số bất lợi của Ghost Portal

Có thể Ghost Portal vẫn chưa hoàn thiện 100% ở thời điểm hiện tại như thiếu mất một tính năng quan trọng mà form đăng ký mang lại đó là thêm nhãn "Label" tự động cho thành viên đăng ký, cái mà rất quan trọng trong phân loại member để gửi email.

Ghost Portal dùng tiếng Anh và không hỗ trợ đa ngôn ngữ. Cũng may cái này có thể khắc phục bằng cách tùy chỉnh Việt hoá Ghost Portal script.

Ghost Portal vẫn chưa có tính năng đăng nhập fallback, thành viên đăng ký vẫn redirect về trang chủ thay vì trang hiện tại.

Lời kết...

Thực tế các trang đăng ký đi kèm với theme bạn phải tùy chỉnh lại như thêm nội dung để SEO tốt hơn nếu vẫn muốn dùng.

Với blog cá nhân thì Ghost Portal đã là một giải pháp hoàn hảo trọn vẹn, nên các theme mới chính thức của Ghost đều ưu tiên dùng Ghost Portal.

Ghost Portal sẽ phát huy hết 100% sức mạnh khi bạn liên kết với Stripe và có các gói giá khác nhau, Ghost Portal sẽ đảm nhiệm như một dashboard thu nhỏ cho khách hàng. Rất lợi hại và giảm thiểu được nhiều vấn đề kỹ thuật phức tạp.

Hướng Dẫn

Bạn có thể quan tâm

Viết bài trên Google Docs, xuất bản trên Ghost

Hướng dẫn cách viết blog trên Google Docs và xuất bản trên Ghost CMS.

Viết bài trên Google Docs, xuất bản trên Ghost

Tự tạo thông báo email khi có thành viên mới đăng ký bằng IFTTT

Hướng dẫn tự tạo thông báo email thời gian thực khi có thành viên mới đăng ký bằng IFTTT miễn phí.

Tự tạo thông báo email khi có thành viên mới đăng ký bằng IFTTT

Thủ thuật chuyển đổi "đồng loạt" mọi định dạng ảnh sang WebP

Hướng dẫn chuyển đổi "all-in-one" đồng loạt mọi định dạng ảnh cho bài viết sang webp với một lệnh đơn giản.

Thủ thuật chuyển đổi đồng loạt mọi định dạng ảnh sang WebP
Cường Trần

Cường Trần

Một blogger ẩn sỹ – Thích viết blog, viết sách và nghiên cứu chuyên sâu về công nghệ website cho blogging. Chuyên SEO và tiếp thị affiliate bằng nội dung độc quyền.

Cường Trần

bởi @Cường Trần