비디오 서클

**“비디오 서클”**은 사이트 하단 모서리에 표시되는, 동영상이 담긴 원형 플로팅 위젯입니다. 먼저 방문자는 포스터 또는 소리 없는 미리보기를 보게 되며, 클릭하면 소리, 자막, 행동 버튼(“주문하기”, “테이블 예약”, “예약하기”, “채팅으로 문의하기” 등)이 포함된 동영상 창이 열립니다.

일반적인 비디오 위젯과의 가장 큰 차이는 여기서 동영상이 별도 파일이 아니라는 점입니다. 이 동영상은 메뉴 또는 카탈로그 항목의 영상으로, 이미 해당 항목의 카드에 들어 있습니다. 직접 업로드한 것이거나 요리 사진으로 AI가 생성한 것입니다. 위젯에 별도의 동영상 저장소는 없으며, “주문하기” 버튼은 방문자가 방금 본 바로 그 요리를 주문 위젯에서 엽니다.

위젯은 무료입니다. 별도 확장 기능을 구매할 필요가 없습니다.

활성화 위치: 관리자 패널 → 마케팅 → “내 사이트” → “비디오 서클” 카드. 토글로 위젯을 켜고, 톱니바퀴로 설정을 엽니다.

사이트에 설치#

자체 코드는 필요하지 않습니다. “내 사이트” 섹션의 공통 태그가 작동합니다:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="ВАШ-ДОМЕН" async></script>

<head> 또는 </body> 앞에 한 줄만 넣으면 되고, 이후 위젯 구성은 계정의 토글로 지정합니다. 플랫폼별 안내(HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow)는 내 사이트 문서의 “인기 플랫폼에서 설치” 섹션에 있습니다.

서클의 단독 태그는 “고급” 블록에 있습니다:

<script src="https://cdn.cenaly.com/video-widget/v1.js" data-domain="ВАШ-ДОМЕН" async></script>

해당 속성:

속성	지정 내용
`data-domain`	“내 사이트”의 도메인 — 필수
`data-brand`	태그가 해당 도메인이 아닌 곳에 있을 경우 플랫폼 브랜드
`data-lang`	안내 문구의 언어. 없으면 페이지 언어(`<html lang>`), 그다음 브라우저 언어
`data-position`	모서리: `bl` — 왼쪽 아래, `br` — 오른쪽 아래
`data-color`	테두리와 버튼 색상, `#rrggbb`
`data-size`	서클 지름(픽셀), 64에서 160까지

⚠️ 태그의 속성이 계정 설정보다 우선합니다 — 다른 위젯은 반대입니다. 서클은 이미 다른 마크업이 모서리를 차지한 페이지에 설치되는 경우가 많아, 관리자 패널에 들어가지 않고 해당 페이지를 편집하는 사람이 위치를 옮길 수 있어야 합니다.

설치 확인이 보는 것과 보지 못하는 것. “설치 확인” 버튼은 페이지의 원본 HTML을 읽습니다. 공통 로더나 서클 단독 태그, 다른 위치의 코드 또는 그 부재를 찾아냅니다. 브라우저에서 Google Tag Manager가 삽입하는 태그는 보지 못하므로 사이트를 직접 눈으로 확인해야 합니다.

동영상은 어디에서 오는가#

서클의 동영상은 메뉴 또는 카탈로그 항목의 영상입니다. “위젯용 동영상”을 따로 업로드하는 기능은 없으며, 이는 의도된 것입니다. 같은 동영상이 상점의 요리 카드와 사이트의 서클에서 모두 작동합니다.

항목에 동영상이 생기게 하려면:

“메뉴” 섹션(또는 상품 카탈로그)에서 항목을 열고 해당 미디어에 동영상을 업로드합니다.
또는 카드에서 바로 요리 사진으로 AI가 동영상을 생성합니다. 생성은 요리 카드의 기능으로 자체 조건이 있으며, 서클은 이에 대해 비용을 지불하지 않습니다. ⚠️ Yandex 클라우드(cenaly.ru)의 브랜드에서는 동영상 생성이 없으므로, 완성된 동영상을 업로드해야 합니다.
동영상 처리가 완료될 때까지 기다립니다. 플랫폼이 포스터를 만들고, 설정된 경우 360p에서 1080p까지 화질 옵션을 만듭니다.

어떤 항목에도 동영상이 없으면 서클 패널이 그대로 알려주고 메뉴로 이동할 것을 제안합니다. 동영상 없는 가상의 미리보기는 표시되지 않습니다.

⚠️ 파일 형식이 중요합니다. 브라우저는 mp4, webm, m4v를 확실하게 재생합니다. 다른 형식의 동영상(예: iPhone의 .mov, .avi, .mkv)은 해당 화질 옵션이 준비된 경우에만 서클에 표시되며, 그렇지 않으면 서클에 전혀 포함되지 않습니다 — “동영상을 사용할 수 없음”으로 열리는 서클은 없는 것보다 나쁩니다.

위젯 설정#

설정은 자동으로 저장됩니다. 필드 옆에는 미리보기가 있습니다. 첫 번째로 선택한 동영상의 포스터가 있는 원형과, 방문자가 보게 될 것과 동일한 문구로 된 캡션과 버튼이 있는 펼쳐진 창입니다.

동영상#

선택 — 동영상이 있는 선택한 지점의 항목 목록입니다. 최대 6개의 동영상을 선택하고 순서를 정하세요. 이 순서대로 방문자가 화살표로 넘겨 봅니다.
캡션 — 원형 아래와 펼쳐진 창에 표시되는 동영상의 짧은 텍스트(최대 80자)로, 필요한 언어로 작성합니다.
동작 버튼 — 시청 후 할 동작입니다(아래 표 참조). 기본값은 해당 요리로 연결되는 "주문하기"입니다.
버튼 캡션 — 각 언어별로 최대 40자까지 직접 지정할 수 있습니다. 비워 두면 동작 유형에 따른 표준 캡션이 사용됩니다.

원형 설정에는 파일 사본이 아니라 항목 동영상 링크와 선택 시점의 동영상 데이터(형식, 준비된 화질 옵션, 포스터, 길이)가 저장됩니다.

동영상 아래 버튼#

동작	발생하는 일	기본 캡션
주문하기	주문 위젯이 열립니다 — 바로 해당 요리로 이동합니다	"주문하기"
테이블 예약	테이블 예약 양식이 열립니다	"테이블 예약"
예약하기	온라인 예약이 열리며, 원하는 서비스로 바로 이동할 수 있습니다	"예약하기"
채팅	채팅이 열립니다	"채팅으로 문의하기"
콜백	콜백 양식이 열립니다	"전화 요청하기"
멀티버튼	연락 채널이 있는 멀티버튼이 펼쳐집니다	"연락하기"
도움말	지원 센터가 열립니다	"도움말"
문서	선택한 법적 문서가 열립니다 — 문서는 필수입니다	"문서 열기"
지원	채팅의 "문의" 탭이 열립니다 — 새 문의 양식입니다	"지원팀에 문의하기"
링크	입력한 `http(s)://…` 주소가 새 탭에서 열립니다	"자세히 보기"

⚠️ 버튼은 인접한 위젯을 통해 작동합니다. 버튼이 연결되는 위젯이 꺼져 있거나(또는 구독 없는 유료 확장 기능인 경우) 사이트에 버튼이 표시되지 않습니다 — 방문자는 동영상만 보게 됩니다. 패널은 이러한 동작을 미리 표시하며, 원형 통계에서도 별도의 사유로 확인할 수 있습니다.

표준 버튼 캡션과 원형의 시스템 캡션은 영어, 러시아어, 조지아어, 터키어의 네 가지 언어로 내장되어 있으며, 그 외 페이지 언어에서는 영어로 표시됩니다. 직접 캡션은 원하는 언어로 설정할 수 있습니다.

외관#

설정	값	기본값
위치	왼쪽 아래 · 오른쪽 아래	왼쪽 아래 (오른쪽에는 보통 다른 버튼이 이미 있습니다)
크기	지름 64…160 px	96 px
색상	원형 테두리와 동작 버튼	파란색
무음 미리보기	켜기 · 끄기	켜기
닫은 후 표시하지 않기	0…90일	7일

"닫은 후 표시하지 않기" — 방문자가 X를 눌러 닫은 후 원형이 며칠 동안 나타나지 않을지 정합니다. 0 — 방문이 끝날 때까지(브라우저 세션)만 해당합니다.

표시 시점#

이 블록은 멀티버튼, 콜백, "라이브 상점"과 공통입니다. 페이지 마스크 "다음에만…" 및 "다음을 제외하고…"(각 목록에 최대 20개, * = 모든 조각, 예외가 우선), 최대 600초 지연, 기기(전체 · 컴퓨터 · 휴대폰), 일정 — 최대 14개의 직접 설정한 시간대 또는 지점 운영 시간입니다.

⚠️ 시간은 위치의 시간대로 계산됩니다. 시간대가 지정되지 않으면 방문자의 시간 기준으로 시간대가 계산됩니다.

원형이 동영상을 자동으로 재생하는 경우#

이것이 위젯의 핵심 규칙 — 속도 계약입니다. 원형이 미리보기를 표시하기로 결정하기 전까지 페이지에는 동영상 링크가 있는 동영상 요소가 하나도 없고, 동영상 파일에 대한 요청도 하나도 없습니다. 방문자는 동영상이 아니라 포스터를 다운로드합니다.

무음 미리보기(소리 없이 반복 재생)는 모든 조건이 충족될 때만 시작됩니다.

설정에서 미리보기가 꺼져 있지 않음;
페이지가 이미 로드됨 — 동영상이 콘텐츠의 대역폭을 빼앗지 않음;
원형이 화면의 보이는 부분에 있음;
방문자가 "동작 줄이기"(prefers-reduced-motion)를 켜지 않음;
방문자가 트래픽 절약(Save-Data)을 켜지 않음.

그렇지 않으면 원형에는 동영상의 포스터가 표시됩니다. 포스터가 없으면(플랫폼이 아직 만들지 않았거나 동영상 처리가 설정되지 않은 경우) 원형은 첫 프레임을 표시합니다. 이는 포스터보다 비용이 많이 들기 때문에 조건 1, 2, 5에서만 표시됩니다. 미리보기가 꺼져 있고 포스터도 없으면 테두리가 있는 어두운 원과 ▶가 표시됩니다.

화면에 맞는 화질. 동영상에 360p부터 1080p까지의 옵션이 준비되어 있으면 위젯이 적합한 것을 선택합니다. 원형에는 가벼운 것을, 펼쳐진 창에는 창 너비에 맞는 것을 사용합니다. 옵션이 없으면 원본 파일이 재생됩니다.

소리는 방문자가 누른 후에만 재생됩니다. 브라우저는 제스처 없이 소리를 켜는 것을 허용하지 않으며, 저희는 이를 우회하지 않습니다.

위젯 무게 — gzip 기준 약 20 KB입니다(async 태그). 동영상 파일은 이 무게에 포함되지 않습니다.

방문자가 보는 것과 이때 수집되는 것#

방문자는 선택한 모서리에서 원형 위젯을 봅니다. 포스터 또는 무음 미리보기, 영상 길이, 그 아래 캡션이 표시됩니다. 클릭하거나 키보드의 Enter / 스페이스를 누르면 창이 열립니다:

소리와 함께 재생되는 영상과 "음소거" 버튼;
영상이 여러 개인 경우 영상 사이를 이동하는 화살표 ‹ ›;
캡션과 액션 버튼;
닫기는 X 표시, Esc 키 또는 창 바깥을 클릭하면 됩니다. 포커스는 원형 위젯으로 돌아갑니다.

액션 버튼을 누르면 원형 위젯 창이 닫히고 인접한 위젯이 열립니다. 다른 페이지 위에 두 개의 창이 뜨는 것은 막다른 길이 되기 때문입니다. 원형 위젯 자체의 작은 X 표시를 누르면 지정한 일수 동안 원형 위젯이 사라집니다.

같은 모서리에 이미 저희 버튼(멀티버튼, 콜백, 주문, 예약, 예약, 채팅)이 있는 경우 원형 위젯은 그 위로 올라가고, "라이브 상점" 배지는 원형 위젯 위에 표시됩니다. 멀티버튼이 원형 위젯을 흡수하지는 않습니다. 이는 연락 채널이 아니기 때문입니다.

위젯은 개인 데이터를 수집하지 않습니다. 위젯에는 양식과 입력란이 없습니다. 버튼으로 이루어진 주문, 예약 또는 예약은 위젯 자체에서와 동일한 섹션에 도착합니다. 예를 들어 "주문"입니다. 원형 위젯 자체는 익명 통계만 전송합니다. 노출, 펼침, 3초 이상 소리와 함께 시청, 액션 유형별 버튼 클릭(주문, 예약, 채팅 등) 및 닫기입니다. 여기에는 이름, 연락처, 영상 번호가 없습니다. 요약은 "내 사이트"의 위젯 카드에서 확인할 수 있습니다.

제한 사항#

형식은 하나 — 하단 모서리의 원형 위젯입니다. 스토리(stories), 캐러셀, 페이지에 내장된 플레이어는 없습니다.
영상은 메뉴 또는 카탈로그 항목의 동영상만 가능합니다. 항목 카드와 별도로 "단순 영상"을 업로드할 수 없습니다.
YouTube 및 TikTok 링크는 지원되지 않습니다: 외부 플레이어는 자체 cookies를 설정하며(이는 동의 배너에 위배됩니다) 속도 계약이 허용하는 것보다 무겁습니다.
재생 불가능한 영상은 표시되지 않습니다: 브라우저가 재생하지 못하는 형식은 품질 옵션이 없는 경우 원형 위젯에 포함되지 않습니다. 재생 가능한 영상이 하나도 없는 원형 위젯은 아예 나타나지 않습니다.
저희 상점에는 원형 위젯이 없습니다 — 그곳에서는 요리 동영상이 이미 해당 카드에 있습니다. 원형 위젯은 귀하의 자체 사이트에서만 작동합니다.
해당 위젯이 없으면 버튼도 없습니다: 액션은 인접 위젯으로 연결되며, 그것이 없으면 버튼이 그려지지 않습니다.
하나의 원형 위젯에 최대 6개의 영상이 가능합니다.
서비스 캡션은 4개 언어(en, ru, ka, tr)이며, 나머지 언어는 영어로 표시됩니다.
cenaly.ru에는 AI 영상 생성이 없습니다 — 그곳에서는 업로드된 영상만 사용됩니다.

문제 해결#

사이트에 원형 위젯이 없습니다.

태그를 찾을 수 없음 — "설치 확인". "코드 없음" — 태그가 삽입되지 않았거나 템플릿의 모든 페이지에 있지 않습니다. "다른 위치의 코드" — 다른 data-domain입니다. GTM으로 태그를 설치한 경우 확인에서 보이지 않습니다.
위젯이 꺼져 있음 — "비디오 서클" 카드의 토글.
영상이 하나도 선택되지 않음 — 영상이 없으면 원형 위젯이 그려지지 않습니다.
재생 가능한 영상이 하나도 없음 — 선택한 모든 영상의 형식을 브라우저가 재생하지 못하고 품질 옵션도 없습니다. 항목 카드에 mp4를 업로드하거나 동영상 처리를 기다리세요.
방문자가 X 표시로 원형 위젯을 닫음 — 지정한 일수(기본값 7일) 동안 표시되지 않습니다. 시크릿 창이나 새 브라우저 프로필에서 확인하세요.
표시 조건이 페이지를 제외함 — 마스크, 기기, 지연, 스케줄을 확인하세요.
변경 사항이 반영되지 않음 — 설정은 최대 5분의 캐시를 가진 CDN을 통해 배포됩니다. 기다린 후 페이지를 새로고침하세요.

원형 위젯은 있지만 영상 아래에 버튼이 없습니다. 버튼이 연결되는 위젯이 사이트에서 꺼져 있거나(확장 기능인 경우 결제되지 않음) — "내 사이트"에서 활성화하세요. "문서" 액션에는 선택된 문서가 필요하고, "링크"에는 http(s):// 주소가 필요합니다.

원형 위젯이 미리보기를 재생하지 않고 포스터만 표시합니다. 미리보기가 꺼져 있거나, 페이지가 아직 로드 중이거나, 원형 위젯이 화면 밖에 있거나, 방문자가 "동작 줄이기" 또는 데이터 절약을 활성화한 경우 이렇게 설계된 것입니다. 다른 기기에서 확인하세요.

창에 "동영상을 사용할 수 없음"이라고 표시됩니다. 영상 파일이 로드되지 않았습니다: 항목 카드에서 동영상이 삭제되거나 교체되었습니다. 원형 위젯 설정을 열고 영상을 다시 선택하세요.

카드에서 동영상을 교체했는데 원형 위젯에는 이전 것이 표시됩니다. 원형 위젯은 특정 항목 동영상의 링크와 선택 시점의 데이터를 저장합니다. 영상을 다시 선택하세요 — 동영상이 아직 처리 중일 때 선택한 경우에도 마찬가지입니다.

"주문"이 다른 요리를 엽니다. "주문" 버튼은 기본적으로 해당 동영상의 항목으로 연결됩니다. 액션을 수동으로 변경한 경우 버튼 설정에서 선택한 항목을 확인하세요.

자주 묻는 질문#

원형 위젯이 사이트를 느리게 하나요?#

위젯은 gzip 기준 약 20KB이며 async로 로드됩니다. 영상 파일은 위젯이 미리보기를 표시하기로 결정할 때까지 다운로드되지 않으며, 미리보기는 페이지 로드 후 화면에 보이는 부분에서만 시작됩니다.

영상을 위젯에 직접 업로드할 수 있나요?#

아니요. 영상은 메뉴 또는 카탈로그 항목의 동영상입니다: 항목 카드에 업로드하거나 요리 사진에서 생성한 후(cenaly.ru 제외) 원형 위젯에서 선택하세요.

원형 위젯을 끄거나 플랫폼을 떠나면 영상은 어떻게 되나요?#

위젯과 함께 영상이 사라지지 않습니다: 이는 귀하의 메뉴 항목 파일이며, 원형 위젯은 그 링크만 저장합니다. 위젯을 끄면 동영상은 요리 카드에 남아 있습니다. 원형 위젯에는 별도의 저장소가 없으며, 그곳에서 이전할 것이 없습니다.

YouTube 또는 TikTok 동영상을 삽입할 수 있나요?#

아니요. 외부 플레이어는 cookies를 설정하며 원형 위젯의 속도 계약이 허용하는 것보다 무겁습니다.

소리가 자동으로 켜지나요?#

아니요. 원형 위젯의 미리보기는 항상 무음이며, 소리와 함께 재생되는 것은 방문자가 클릭한 후에만 가능합니다.

영상을 몇 개까지 표시할 수 있나요?#

하나의 원형 위젯에 최대 6개입니다. 방문자는 화살표로 넘기며, 각 영상에는 자체 캡션과 자체 버튼이 있습니다.

Cenaly 상점에 원형 위젯이 나타나나요?#

아니요. 상점에서는 요리 동영상이 이미 해당 카드에 있으므로, 원형 위젯은 귀하의 자체 사이트에서만 작동합니다.

통계에 무엇이 포함되나요?#

원형 위젯 노출, 펼침, 3초 이상 소리와 함께 시청, 액션 유형별 버튼 클릭 및 닫기 — 개인 데이터와 영상 번호 없이 집계됩니다.

원형 비디오