Cách tạo trang tổng hợp với TanaFlows

Xem trang tổng hợp demo ⬇️

Tools ghostfam.win

This demo page gathers posts tagged #tools, employing a child search within #tool. It indexes titles, excerpts, and full content for search returns.

Trang tổng hợp là công cụ chiến lược cho những ai muốn kiếm tiền từ website. Các trang này giúp tối ưu hóa việc kiếm tiền bằng cách tập trung nội dung theo sở thích người đọc, tăng tương tác và thời gian ở lại trang.

Bằng cách quảng bá sản phẩm, dịch vụ hoặc liên kết tiếp thị, trang tổng hợp trở thành điểm nhấn để tạo thu nhập. Ngoài ra, nó còn giúp cải thiện SEO, tăng traffic và tăng doanh thu quảng cáo.

Bạn có thể tạo không giới hạn trang tổng hợp với chức năng tìm kiếm con (child search) theo tag bằng theme TanaFlows chỉ với 4 bước đơn giản sau.

Bước 1: Thiết kế custom route

Đầu tiên, bạn cần tạo custom route để quy định URL và template cho trang tổng hợp.

Tải route mặc định tại Setting > Labs > Routes và mở bằng notepad hoặc phần mềm bất kỳ.

Hoặc tham khảo route mặc định của ghost dưới đây

routes:

collections:
  /:
    permalink: /{slug}/
    template: index

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

Ví dụ muốn tạo trang Tools với URL /tools/, custom route sẽ như sau:

routes:

collections:
  /:
    permalink: /{slug}/
    filter: tag:-[hash-tools]
    template: index
  /tools/:
    permalink: /{slug}/
    template: grid-layout
    order: featured desc, published_at desc
    filter: tag:[hash-tools]
    data: page.tools

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

Tôi thêm filter: tag:-[hash-tools] vào block /:

...
  /:
    permalink: /{slug}/
    filter: tag:-[hash-tools]
    template: index
  /tools/:
    permalink: /{slug}/
    template: grid-layout
    order: featured desc, published_at desc
    filter: tag:[hash-tools]
    data: page.tools
...

Như vậy trang tổng hợp sẽ có:

• URL /tools/
• Dùng template grid-layout của theme TanaFlows (chỉ theme TanaFlows)
• Hiển thị tất cả bài viết có tag #tools (hash-tools) ưu tiên featured post.
• Lấy dữ liệu (SEO meta, nội dung,…) từ page có URL /tools/
• Trang blog (home) sẽ ẩn các bài có tag #tools.

Tùy chỉnh cho bất kỳ trang nào bạn muốn.

Tải lại route đã chỉnh tại Setting > Labs > Routes

Bước 2: Tạo page mới cho custom route

Sau khi tạo custom route, bạn cần tạo page mới phục vụ route đó: Tools Page với URL /tools/

Page cần có:

• URL: bắt buộc /tools/ (vì đã tạo custom route ở bước 1)
• Tiêu đề: tuỳ ý
• Mô tả ngắn: tuỳ ý
• Nội dung: bắt buộc có script custom cho child search. Dùng block HTML (xem script ở bước 3)

Bước 3: Thực hiện tìm kiếm con (tìm kiếm trong thẻ)

Tính năng Tìm kiếm con yêu cầu một đoạn mã tùy chỉnh như sau:

<script type="module">
  import { initSearch } from '/assets/js/search.js';

  initSearch('[SITE URL]', '[CONTENT API KEY]', '[TAGS]')
    .then((fuse) => {
      window.fuseSearch = fuse;
    })
    .catch(console.error);
</script>

Bạn cần thay thế 3 cụm từ trong đoạn mã trên:

• [SITE URL]: Thay thế bằng tên miền của bạn, ví dụ https://yourdomain.com, không có dấu / ở cuối.
• [CONTENT API KEY] Sử dụng khóa API nội dung của bạn. Bạn có thể lấy khóa này tại Cài đặt > Tích hợp > Tùy chỉnh > Thêm mới.
• [TAGS] Quy định thẻ Tag mà bạn muốn tìm kiếm bên trong Tìm kiếm con.

<script type="module">
  import { initSearch } from '/assets/js/search.js';

  initSearch('https://ghostfam.win', '9qb9f93teb415jfa5d314ef3b5', 'hash-tools')
    .then((fuse) => {
      window.fuseSearch = fuse;
    })
    .catch(console.error);
</script>

<script type="module">
  import { initSearch } from '/assets/js/search.js';

  initSearch('https://ghostfam.win/en', '9qb9f93teb415jfa5d314ef3b5', 'hash-tools, hash-ai')
    .then((fuse) => {
      window.fuseSearch = fuse;
    })
    .catch(console.error);
</script>

Lưu lại và xuất bản.

Bước 4: Đăng bài tổng hợp

Bạn đã có trang tổng hợp với URL /tools/ ở chế độ public, giờ chỉ cần thêm bài viết vào đó.

Tạo bài mới và gán tag #tools

Giải thích thêm về Child Search trên TanaFlows

Kết quả tìm kiếm sẽ ưu tiên theo thứ tự:

1. Tiêu đề
2. Mô tả ngắn
3. Nội dung

Child search sẽ tìm cả nội dung bài viết, không chỉ tiêu đề hay mô tả.

Xem trang tổng hợp thực tế

Xem trang tổng hợp demo tôi đã làm và chức năng child search trên trang