Tiện ích máy tính là gì
Tiện ích máy tính là một phiên bản thu gọn, độc lập của một máy tính đầy đủ trên Calculate.Studio, chạy ngay trong trang web của bạn. Về mặt kỹ thuật, đó là một iframe — một phần tử HTML cho phép nhúng một trang bên trong trang khác — trỏ đến phiên bản nhúng gọn nhẹ của máy tính, cùng với một đoạn văn ghi công một dòng bên dưới. Iframe là phần tử HTML tiêu chuẩn được mọi trình duyệt hiện đại hỗ trợ, nên không có gì cần cài đặt và không có gì có thể xung đột với mã nguồn của website bạn.
Tiện ích này chính là máy tính đang chạy trên Calculate.Studio: cùng các công thức đã được kiểm chứng, cùng kết quả tức thời tính toán phía trình duyệt và, đối với các công cụ về sức khỏe và tài chính, cùng nội dung khuyến cáo. Khách truy cập của bạn chỉ cần nhập số liệu và thấy kết quả ngay lập tức mà không cần rời khỏi trang. Vì việc tính toán diễn ra trên trình duyệt của khách truy cập chứ không phải trên máy chủ, tiện ích vẫn nhanh ngay cả khi lưu lượng truy cập lớn, và không có dữ liệu nào của khách truy cập được gửi đi bất cứ đâu.
Tất cả 210 máy tính trên trang web đều có thể được nhúng. Thư viện tại calculate.studio/en/widgets giới thiệu những công cụ được yêu cầu nhiều nhất — bao gồm BMI, vay thế chấp, khoản vay, phần trăm, lãi kép, tuổi, calo và GPA — và mỗi trang máy tính riêng lẻ đều có nút Embed cạnh các nút chia sẻ, hiển thị đoạn mã dành riêng cho công cụ đó.
Cách cài đặt — phương pháp chung
Việc cài đặt chỉ gồm một thao tác sao chép và dán. Đoạn mã có hai phần: iframe hiển thị máy tính, và một đoạn văn ghi công nhỏ liên kết đến máy tính đầy đủ cũng như đến Calculate.Studio. Giữ nguyên dòng ghi công này là điều kiện duy nhất để sử dụng miễn phí — chính điều đó giúp chương trình này luôn miễn phí cho tất cả mọi người.
- Mở calculate.studio/en/widgets, hoặc mở bất kỳ trang máy tính nào và nhấp vào nút </> Embed.
- Nhấp vào Copy code. Đoạn mã sẽ được sao chép vào bộ nhớ tạm.
- Trong trình soạn thảo website của bạn, chuyển sang chế độ xem HTML (đôi khi gọi là "code" hoặc "source") của trang bạn muốn đặt máy tính.
- Dán đoạn mã vào vị trí bạn muốn hiển thị máy tính, sau đó lưu và xuất bản.
- Xem trước trang. Máy tính sẽ tải và tính toán ngay lập tức — hãy thử một lần với số liệu mẫu.
Hướng dẫn theo từng nền tảng
Hầu hết các trình xây dựng website đều chấp nhận mã HTML thuần qua một khối hoặc phần tử chuyên dụng, nên cùng một đoạn mã sẽ hoạt động ở mọi nơi. Tên gọi khác nhau tùy theo nền tảng:
| Nền tảng | Nơi dán đoạn mã |
|---|---|
| WordPress (trình soạn thảo khối) | Thêm một khối "Custom HTML" và dán đoạn mã vào đó. |
| WordPress (trình soạn thảo cổ điển) | Chuyển tab soạn thảo từ "Visual" sang "Text" rồi dán. |
| Wix | Thêm phần tử "Embed HTML" (Add → Embed code → Embed HTML) rồi dán. |
| Squarespace | Thêm khối "Code" vào phần trang rồi dán. |
| Shopify | Trong trình soạn thảo trang hoặc bài blog, nhấp nút <> (Show HTML) rồi dán. |
| Webflow | Thêm thành phần "Embed" rồi dán. |
| Trang HTML thuần | Dán đoạn mã trực tiếp vào mã HTML của trang, tại vị trí muốn hiển thị máy tính. |
Kích thước, kiểu dáng và hiệu năng
Đoạn mã đi kèm các thiết lập mặc định hợp lý: chiều rộng toàn phần (width="100%"), chiều cao cố định phù hợp với số lượng ô nhập liệu của máy tính đó, và đường viền bo góc nhẹ. Bạn có thể thay đổi giá trị chiều cao nếu giao diện của bạn cần khung cao hơn hoặc thấp hơn, và có thể chỉnh sửa hoặc bỏ kiểu viền để phù hợp với thiết kế của mình. Chiều rộng vốn đã đáp ứng (responsive), nên tiện ích hoạt động tốt trên điện thoại mà không cần thêm thao tác nào.
Iframe có thuộc tính loading="lazy", một thuộc tính trình duyệt tiêu chuẩn giúp trì hoãn việc tải tiện ích cho đến khi khách truy cập cuộn gần đến nó. Điều đó có nghĩa là việc nhúng một máy tính hầu như không làm tăng thời gian tải ban đầu của trang — trình duyệt chỉ tải tiện ích khi nó sắp hiển thị.
Bản thân các trang nhúng được đánh dấu noindex kèm liên kết canonical trỏ về trang máy tính đầy đủ, tuân theo hướng dẫn của Google về nội dung nhúng và nội dung trùng lặp. Vì vậy, việc nhúng tiện ích không thể gây ra vấn đề nội dung trùng lặp cho website của bạn hay của chúng tôi.
Một quy tắc duy nhất: giữ nguyên liên kết ghi công
Chương trình tiện ích này miễn phí và không cần đăng ký nhờ một điều kiện duy nhất: đoạn văn ghi công nhỏ bên dưới iframe — dòng chữ "[Tên máy tính] by Calculate.Studio" — phải được giữ nguyên tại chỗ. Đó là dòng chữ cỡ 12 pixel nằm lặng lẽ bên dưới tiện ích và không cạnh tranh với nội dung của bạn.
Bạn được tự do thay đổi kích thước iframe, tùy chỉnh kiểu viền và đặt tiện ích ở bất kỳ đâu trên website của mình, kể cả trang thương mại, blog và dự án cho khách hàng. Nếu bạn cần một máy tính không có trong thư viện nổi bật, mỗi trang máy tính trên trang web đều có nút Embed riêng, vì vậy toàn bộ 210 công cụ đều có thể sử dụng được.
Những máy tính nào phù hợp nhất khi làm tiện ích?
Tiện ích tốt nhất cho website của bạn là loại mà nếu không có nó, độc giả sẽ phải rời khỏi trang của bạn để tìm kiếm. Các blog về thể hình và sức khỏe thường nhúng máy tính BMI, calo hoặc TDEE. Các trang về bất động sản và tài chính cá nhân nhúng máy tính vay thế chấp, khoản vay và lãi kép. Các trang về học tập và giáo dục nhúng máy tính GPA và phần trăm, còn các blog nội dung tổng quát thường thêm máy tính tuổi vào các bài viết thường xanh.
Vì mỗi tiện ích hiển thị phiên bản thu gọn của máy tính kèm liên kết đến phiên bản đầy đủ — bao gồm bảng diễn giải, ví dụ minh họa và nguồn tham khảo — độc giả của bạn nhận được câu trả lời ngay trên trang của bạn, đồng thời có lối đi đến thông tin sâu hơn khi họ muốn.
Câu hỏi thường gặp
Tiện ích máy tính này có thực sự miễn phí không?
Có. Không cần đăng ký, không cần khóa API, không giới hạn sử dụng và không tốn phí. Điều kiện duy nhất là dòng ghi công nhỏ bên dưới tiện ích, liên kết đến Calculate.Studio, phải được giữ nguyên.
Tiện ích này có làm chậm website của tôi không?
Không. Iframe sử dụng cơ chế tải trễ (lazy loading) gốc của trình duyệt, nên chỉ được tải khi khách truy cập cuộn gần đến nó, và việc tính toán diễn ra hoàn toàn trên trình duyệt của khách truy cập. Nó hầu như không làm tăng thời gian tải trang ban đầu.
Tôi có thể nhúng máy tính vào website thương mại hoặc website của khách hàng không?
Có. Các tiện ích có thể được sử dụng trên trang thương mại, blog và dự án cho khách hàng mà không mất phí, miễn là liên kết ghi công bên dưới tiện ích vẫn được giữ nguyên.
Tôi có thể thay đổi kích thước hoặc đường viền của tiện ích không?
Có. Bạn có thể chỉnh sửa chiều cao và kiểu viền của iframe để phù hợp với website của mình. Chiều rộng vốn đã đáp ứng (100%), nên nó tự động thích ứng với điện thoại và các cột hẹp.
Việc nhúng tiện ích có gây ra vấn đề nội dung trùng lặp cho SEO không?
Không. Các trang nhúng được đánh dấu noindex kèm liên kết canonical trỏ về trang máy tính đầy đủ, tuân theo hướng dẫn chính thức của Google, nên công cụ tìm kiếm không coi tiện ích là nội dung trùng lặp trên website của bạn.
Tài liệu tham khảo
- MDN Web Docs — <iframe>: The Inline Frame element. Mozilla Developer Network. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe
- MDN Web Docs — Lazy loading (loading attribute). Mozilla Developer Network. https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading
- Google Search Central — Consolidate duplicate URLs with canonicals. Google. https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
- Google Search Central — Block search indexing with noindex. Google. https://developers.google.com/search/docs/crawling-indexing/block-indexing
- WHATWG HTML Living Standard — The iframe element. https://html.spec.whatwg.org/multipage/iframe-embed-object.html