Video tròn

“Video tròn” là widget nổi hình tròn với một đoạn video ở góc dưới trang web của bạn. Ban đầu khách thấy poster hoặc bản xem trước im lặng không có âm thanh; khi nhấn vào sẽ mở cửa sổ với video có âm thanh, chú thích và nút hành động: “Đặt hàng”, “Đặt bàn”, “Đặt lịch”, “Hỏi trong chat” và các nút khác.

Điểm khác biệt chính so với các widget video thông thường — video ở đây không phải là một tệp riêng. Đây là video của mặt hàng trong menu hoặc danh mục của bạn, vốn đã nằm trong thẻ của mặt hàng đó: do bạn tải lên hoặc do AI tạo từ ảnh món ăn. Widget không có kho lưu trữ video thứ hai, và nút “Đặt hàng” mở trong widget đặt hàng đúng món mà khách vừa xem.

Widget miễn phí: không cần mua tiện ích mở rộng riêng.

Nơi bật: Bảng quản trị → Marketing → “Trang web của tôi” → thẻ “Video tròn”. Công tắc bật widget, biểu tượng bánh răng mở cài đặt.

Cài đặt lên trang web#

Không cần mã riêng — hoạt động qua thẻ chung của mục “Trang web của tôi”:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="TÊN-MIỀN-CỦA-BẠN" async></script>

Một dòng trong <head> hoặc trước </body>, sau đó thành phần các widget được đặt bằng công tắc trong tài khoản. Hướng dẫn theo nền tảng (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — trong bài Trang web của tôi, mục “Cài đặt trên các nền tảng phổ biến”.

Thẻ riêng của video tròn nằm trong khối “Nâng cao”:

<script src="https://cdn.cenaly.com/video-widget/v1.js" data-domain="TÊN-MIỀN-CỦA-BẠN" async></script>

Các thuộc tính của nó:

⚠️ Thuộc tính trên thẻ mạnh hơn cài đặt trong tài khoản — với các widget khác thì ngược lại. Video tròn thường được đặt trên trang mà góc đã bị mã nguồn khác chiếm, và người chỉnh sửa trang đó phải di chuyển nó mà không cần vào bảng quản trị.

Kiểm tra cài đặt thấy và không thấy gì. Nút “Kiểm tra cài đặt” đọc HTML gốc của trang: nó sẽ tìm trình tải chung hoặc thẻ riêng của video tròn, mã của chi nhánh khác hoặc sự thiếu vắng của chúng. Thẻ được chèn ngay trong trình duyệt bởi Google Tag Manager thì nó không thấy — hãy xem trang web bằng mắt.

Video đến từ đâu#

Video của video tròn là video của mặt hàng trong menu hoặc danh mục. Không có chỗ tải riêng “video cho widget”, và điều này là có chủ đích: cùng một video hoạt động trong thẻ món ăn trên cửa hàng và trong video tròn trên trang web.

Để mặt hàng có video:

1. Mở mặt hàng trong mục “Menu” (hoặc trong danh mục sản phẩm) và tải video vào phần media của nó.
2. Hoặc tạo video bằng AI từ ảnh món ăn ngay trong thẻ. Tạo video là chức năng của thẻ món ăn với các điều kiện riêng; video tròn không trả phí cho nó. ⚠️ Trên các thương hiệu trong đám mây Yandex (cenaly.ru) không có tạo video — ở đó video được tải lên sẵn.
3. Chờ video xử lý xong: nền tảng tạo poster và, ở nơi được cấu hình, các phiên bản chất lượng từ 360p đến 1080p.

Nếu không mặt hàng nào có video, bảng điều khiển video tròn sẽ nói như vậy và đề nghị chuyển đến menu — sẽ không có bản xem trước hư cấu nào không có video.

⚠️ Định dạng tệp rất quan trọng. Trình duyệt phát chắc chắn mp4, webm và m4v. Video ở định dạng khác (ví dụ .mov từ iPhone, .avi, .mkv) video tròn chỉ hiển thị nếu đã có các phiên bản chất lượng cho nó; nếu không thì nó hoàn toàn không vào được video tròn — một video tròn mở ra thành “video không khả dụng” còn tệ hơn là không có.

Cấu hình Widget#

Các cài đặt tự động lưu. Bên cạnh các trường là bản xem trước: vòng tròn với poster của video đầu tiên được chọn và cửa sổ mở rộng với chú thích và nút, đúng những từ mà khách sẽ thấy.

Video#

• Chọn — danh sách các Mặt hàng của Chi nhánh đã chọn có video. Đánh dấu tối đa 6 video và sắp xếp theo thứ tự: khách sẽ lướt qua chúng bằng mũi tên theo thứ tự này.
• Chú thích — văn bản ngắn của video (tối đa 80 ký tự) bằng các ngôn ngữ cần thiết: bên dưới vòng tròn và trong cửa sổ mở rộng.
• Nút hành động — làm gì sau khi xem (xem bảng bên dưới). Mặc định — «Đặt hàng» với chính món đó.
• Chú thích nút — tùy chỉnh, tối đa 40 ký tự cho mỗi ngôn ngữ; để trống — chú thích tiêu chuẩn theo loại hành động.

Trong cài đặt vòng tròn lưu liên kết đến video của Mặt hàng và dữ liệu của video tại thời điểm chọn (định dạng, các phiên bản chất lượng có sẵn, poster, thời lượng), chứ không phải bản sao của tệp.

Nút bên dưới video#

⚠️ Nút hoạt động thông qua widget liền kề. Nếu widget mà nút dẫn đến bị tắt ở phía bạn (hoặc đó là tiện ích mở rộng trả phí không có Đăng ký), nút trên trang web sẽ không xuất hiện — khách chỉ xem video. Bảng điều khiển đánh dấu trước những hành động như vậy, và trong thống kê của vòng tròn điều này hiển thị như một lý do riêng.

Chú thích nút tiêu chuẩn và chú thích nội bộ của vòng tròn được tích hợp sẵn bằng bốn ngôn ngữ — tiếng Anh, tiếng Nga, tiếng Gruzia và tiếng Thổ Nhĩ Kỳ; ở các ngôn ngữ trang khác, chúng là tiếng Anh. Bạn đặt chú thích riêng bằng bất kỳ ngôn ngữ nào.

Giao diện#

«Không hiển thị sau khi đóng» — số ngày vòng tròn im lặng sau khi khách đóng nó bằng dấu X. 0 — chỉ đến hết lượt truy cập (phiên trình duyệt).

Khi nào hiển thị#

Khối dùng chung với đa nút, gọi lại và «Cửa hàng trực tiếp»: mặt nạ trang «chỉ trên…» và «ngoại trừ…» (tối đa 20 trong mỗi danh sách, * = bất kỳ đoạn nào, ngoại lệ mạnh hơn), độ trễ tối đa 600 giây, thiết bị (tất cả · máy tính · điện thoại), lịch trình — tối đa 14 khung giờ riêng hoặc giờ làm việc của Chi nhánh.

⚠️ Giờ được tính theo múi giờ của địa điểm; nếu chưa đặt múi giờ — khung giờ được tính theo thời gian của người truy cập.

Khi vòng tròn tự phát video#

Đây là quy tắc chính của widget — hợp đồng tốc độ: cho đến khi vòng tròn quyết định hiển thị bản xem trước, trên trang không có bất kỳ phần tử video nào chứa liên kết đến video và không có bất kỳ yêu cầu nào đến tệp của nó. Khách tải poster, không phải video.

Bản xem trước im lặng (không âm thanh, lặp lại) chỉ khởi động khi thỏa mãn tất cả các điều kiện:

1. bản xem trước không bị tắt trong cài đặt;
2. trang đã tải xong — video không chiếm băng thông của nội dung bạn;
3. vòng tròn nằm trong vùng nhìn thấy của màn hình;
4. khách không bật «giảm chuyển động» (prefers-reduced-motion);
5. khách không bật tiết kiệm dữ liệu (Save-Data).

Nếu không, trong vòng tròn là poster của video. Không có poster (nền tảng chưa tạo hoặc xử lý video chưa được cấu hình) — vòng tròn hiển thị khung hình đầu tiên: cái này tốn kém hơn poster, nên chỉ trong điều kiện 1, 2 và 5. Bản xem trước bị tắt và không có poster — vòng tròn tối với viền và ▶.

Chất lượng theo màn hình. Nếu video có sẵn các phiên bản từ 360p đến 1080p, widget chọn phiên bản phù hợp: trong vòng tròn — bản nhẹ, trong cửa sổ mở rộng — theo chiều rộng của nó. Không có phiên bản nào — phát tệp gốc.

Âm thanh — chỉ sau khi khách nhấn. Trình duyệt không cho bật âm thanh mà không có thao tác, và chúng tôi không vượt qua điều này.

Trọng lượng widget — khoảng 20 KB ở gzip (thẻ với async). Tệp video không tính vào trọng lượng này.

Khách truy cập thấy gì và những gì được thu thập#

Khách thấy một vòng tròn ở góc đã chọn — kèm ảnh bìa hoặc bản xem trước không tiếng, thời lượng video và chú thích bên dưới. Khi nhấn (hoặc Enter / phím cách trên bàn phím), một cửa sổ mở ra:

• video có tiếng và nút “tắt tiếng”;
• mũi tên ‹ › giữa các video, nếu có nhiều video;
• chú thích và nút hành động;
• đóng — bằng dấu X, phím Esc hoặc nhấn ra ngoài cửa sổ; tiêu điểm quay lại vòng tròn.

Khi nhấn nút hành động, cửa sổ vòng tròn đóng lại, và một widget bên cạnh mở ra — hai cửa sổ đè lên trang của người khác sẽ là một ngõ cụt. Dấu X nhỏ trên chính vòng tròn ẩn nó trong số ngày đã đặt.

Nếu ở cùng góc đó đã có nút của chúng tôi (nút đa năng, gọi lại, đơn hàng, đặt bàn, lịch hẹn, trò chuyện), vòng tròn nổi lên trên nút đó, còn các thẻ của “Cửa hàng trực tuyến” — nổi trên vòng tròn. Nút đa năng không nuốt vòng tròn: đây không phải kênh liên lạc.

Widget không thu thập dữ liệu cá nhân. Nó không có biểu mẫu và trường nhập. Đơn hàng, đặt bàn hoặc lịch hẹn được tạo qua nút sẽ đến cùng những mục như từ chính các widget — ví dụ, vào “Đơn hàng”. Bản thân vòng tròn chỉ gửi thống kê ẩn danh: hiển thị, mở rộng, lượt xem có tiếng dài hơn 3 giây, nhấn nút theo loại hành động (đơn hàng, đặt bàn, trò chuyện…) và đóng. Không có tên, không có liên hệ, không có số video trong đó. Bản tóm tắt hiển thị trên thẻ widget trong “Trang web của tôi”.

Giới hạn#

• Chỉ một định dạng — vòng tròn ở góc dưới. Không có stories, băng chuyền hay trình phát nhúng vào trang.
• Video chỉ là video của mặt hàng trong menu hoặc danh mục. Không thể tải lên “chỉ một video” tách rời khỏi thẻ mặt hàng.
• Không hỗ trợ liên kết YouTube và TikTok: trình phát của bên khác đặt cookie riêng (điều này trái với banner đồng ý) và nặng hơn mức hợp đồng tốc độ cho phép.
• Video không phát được sẽ không hiển thị: định dạng mà trình duyệt không phát lại được, không có sẵn các phiên bản chất lượng, sẽ không vào vòng tròn. Vòng tròn không có video nào phát được sẽ không xuất hiện.
• Trên cửa hàng của chúng tôi không có vòng tròn — ở đó video món ăn vốn đã nằm trong thẻ của nó. Vòng tròn chỉ hoạt động trên trang web riêng của bạn.
• Không có nút nếu không có widget của nó: hành động dẫn đến widget bên cạnh, và nếu không có widget đó thì nút không được vẽ.
• Không quá 6 video trong một vòng tròn.
• Chú thích hệ thống — bốn ngôn ngữ (en, ru, ka, tr), các ngôn ngữ khác — bằng tiếng Anh.
• Không có tạo video bằng AI trên cenaly.ru — ở đó video chỉ là video đã tải lên.

Khắc phục sự cố#

Không có vòng tròn trên trang web.

1. Không tìm thấy thẻ — “Kiểm tra cài đặt”. “Không có mã” — thẻ chưa được chèn hoặc không có trên tất cả các trang của mẫu; “mã của vị trí khác” — data-domain của người khác. Thẻ do GTM đặt — kiểm tra sẽ không thấy nó.
2. Widget đã tắt — công tắc trên thẻ “Vòng tròn video”.
3. Chưa chọn video nào — không có video thì vòng tròn không được vẽ.
4. Không video nào phát được — tất cả video đã chọn có định dạng mà trình duyệt không phát lại được, và không có phiên bản chất lượng. Hãy tải mp4 vào thẻ mặt hàng hoặc chờ xử lý video.
5. Khách đã đóng vòng tròn bằng dấu X — nó im lặng trong số ngày đã đặt (mặc định là 7). Hãy kiểm tra trong cửa sổ ẩn danh hoặc hồ sơ trình duyệt mới.
6. Điều kiện hiển thị đã loại trang — kiểm tra mặt nạ, thiết bị, độ trễ và lịch.
7. Thay đổi chưa đến — cài đặt được phân phối qua CDN với bộ nhớ đệm tối đa 5 phút: hãy đợi và tải lại trang.

Có vòng tròn nhưng không có nút bên dưới video. Widget mà nút dẫn đến đã tắt trên trang web (hoặc chưa thanh toán, nếu đó là tiện ích mở rộng) — hãy bật nó trong “Trang web của tôi”. Với hành động “Tài liệu” cần một tài liệu đã chọn, với “Liên kết” — địa chỉ http(s)://.

Vòng tròn không phát bản xem trước, chỉ có ảnh bìa. Đúng như thiết kế, nếu bản xem trước bị tắt, trang vẫn đang tải, vòng tròn ngoài màn hình hoặc khách đã bật “giảm chuyển động” hay tiết kiệm dữ liệu. Hãy kiểm tra trên thiết bị khác.

Trong cửa sổ ghi “Video không khả dụng”. Tệp video không tải được: video đã bị xóa hoặc thay thế trong thẻ mặt hàng. Hãy mở cài đặt vòng tròn và chọn lại video.

Đã thay video trong thẻ nhưng trong vòng tròn vẫn là video cũ. Vòng tròn lưu liên kết đến một video cụ thể của mặt hàng và dữ liệu của nó tại thời điểm chọn. Hãy chọn lại video — tương tự, nếu bạn đã chọn nó khi video còn đang xử lý.

“Đặt hàng” mở không đúng món. Nút “Đặt hàng” mặc định dẫn đến mặt hàng có video đó; nếu bạn đã đổi hành động thủ công, hãy kiểm tra mặt hàng đã chọn trong cài đặt nút.

Câu hỏi thường gặp#

Vòng tròn có làm chậm trang web không?#

Widget nặng khoảng 20 KB ở dạng gzip và tải với async. Các tệp video không được tải xuống cho đến khi widget quyết định hiển thị bản xem trước — mà bản xem trước chỉ chạy sau khi trang tải xong và chỉ trong phần màn hình đang hiển thị.

Có thể tải video trực tiếp vào widget không?#

Không. Video là video của mặt hàng trong menu hoặc danh mục: hãy tải nó vào thẻ mặt hàng hoặc tạo từ ảnh món ăn (trừ cenaly.ru), rồi chọn trong vòng tròn.

Điều gì xảy ra với video nếu tôi tắt vòng tròn hoặc rời nền tảng?#

Video không biến mất cùng widget: đây là các tệp của mặt hàng trong menu của bạn, còn vòng tròn chỉ lưu liên kết đến chúng. Tắt widget — video vẫn ở trong thẻ món ăn. Vòng tròn không có kho lưu trữ riêng, không có gì để chuyển đi từ nó.

Có thể chèn video từ YouTube hoặc TikTok không?#

Không. Trình phát của bên khác đặt cookie và nặng hơn mức hợp đồng tốc độ của vòng tròn cho phép.

Âm thanh có tự bật không?#

Không. Bản xem trước trong vòng tròn luôn không tiếng, và video chỉ phát có tiếng sau khi khách nhấn.

Có thể hiển thị bao nhiêu video?#

Tối đa sáu trong một vòng tròn. Khách lật chúng bằng mũi tên; mỗi video có chú thích và nút riêng.

Vòng tròn có xuất hiện trên cửa hàng Cenaly không?#

Không. Trên cửa hàng, video món ăn vốn đã có trong thẻ của nó, nên vòng tròn chỉ hoạt động trên trang web riêng của bạn.

Những gì được đưa vào thống kê?#

Hiển thị vòng tròn, mở rộng, lượt xem có tiếng dài hơn 3 giây, nhấn nút theo loại hành động và đóng — không có dữ liệu cá nhân và không có số video.

Các mục liên quan#

• Trang web của tôi — mã cài đặt và các Widget khác
• Đặt hàng trực tuyến trên trang web của bạn — nút “Đặt hàng” dẫn đến đâu
• Cửa hàng trực tiếp — huy hiệu trung thực với số lượng Đơn hàng bên cạnh vòng tròn
• Nút đa năng — tất cả kênh liên lạc trong một nút
• Cookies và Đồng ý — lý do chúng tôi không nhúng trình phát của bên thứ ba