Видеокръгче
„Видеокръгче“ — кръгъл плаващ уиджет с клип в долния ъгъл на вашия сайт. Първо посетителят вижда постер или тихо превю без звук; при натискане се отваря прозорец с клипа със звук, надпис и бутон за действие: „Поръчай“, „Резервирай маса“, „Запиши се“, „Попитай в чата“ и други.
Основната разлика от обичайните видео уиджети — клипът тук не е отделен файл. Това е видео на позиция от вашето меню или каталог, което вече е в нейната карта: качено от вас или генерирано от ИИ от снимка на ястието. Уиджетът няма второ хранилище за видео, а бутонът „Поръчай“ отваря в уиджета за поръчки точно това ястие, което посетителят току-що е гледал.
Уиджетът е безплатен: не е нужно да купувате отделно разширение.
Къде да го включите: Админ панел → Маркетинг → „Моят сайт“ → карта „Видеокръгче“. Превключвателят включва уиджета, зъбното колело отваря настройките.
Инсталиране на сайта#
Не е нужен собствен код — работи общият таг на раздела „Моят сайт“:
<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, тя няма да види — гледайте сайта с очите си.
Откъде идват клиповете#
Клипът на кръгчето е видео на позиция от менюто или каталога. Няма отделно качване на „клип за уиджета“ и това е съзнателно: едно и също видео работи в картата на ястието във витрината и в кръгчето на сайта.
За да се появи видео на дадена позиция:
- Отворете позицията в раздел „Меню“ (или в каталога с продукти) и качете видео в нейните медии.
- Или генерирайте клип с ИИ от снимка на ястието направо в картата. Генерирането е функция на картата на ястието със свои условия; кръгчето не плаща за нея. ⚠️ При брандовете в облак Yandex (
cenaly.ru) няма генериране на видео — там клипът се качва готов. - Изчакайте видеото да се обработи: платформата прави постер и, където е настроено, варианти на качеството от 360p до 1080p.
Ако нито една позиция няма видео, панелът на кръгчето ще го каже и ще предложи да преминете към менюто — измислено превю без клип няма да има.
⚠️ Форматът на файла е важен. Браузърите възпроизвеждат уверено mp4, webm и m4v. Клип в друг формат (например .mov от iPhone, .avi, .mkv) кръгчето ще покаже само ако за него са готови варианти на качеството; иначе той изобщо не попада в кръгчето — кръгче, което се отваря с „видеото е недостъпно“, е по-лошо от липсващо.
Настройка на уиджета#
Настройките се запазват сами. До полетата има преглед: кръгче с постера на първия избран ролик и отворен прозорец с надпис и бутон, със същите думи, които ще види гостът.
Ролици#
- Избор — списък с позиции на избрания обект, които имат видео. Отбележете до 6 ролика и ги подредете по ред: в този ред гостът ги листа със стрелките.
- Надпис — кратък текст на ролика (до 80 символа) на нужните езици: под кръгчето и в отворения прозорец.
- Бутон за действие — какво да се направи след гледане (вижте таблицата по-долу). По подразбиране — „Поръчай“ със същото ястие.
- Надпис на бутона — собствен, до 40 символа на всеки език; празно — стандартен надпис според вида действие.
В настройките на кръгчето се пази връзка към видеото на позицията и данните на ролика към момента на избора (формат, готови варианти за качество, постер, продължителност), а не копие на файла.
Бутон под ролика#
| Действие | Какво ще се случи | Надпис по подразбиране |
|---|---|---|
| Поръчай | Ще се отвори уиджет за поръчка — направо на това ястие | „Поръчай“ |
| Резервирай маса | Ще се отвори форма за резервация на маса | „Резервирай маса“ |
| Запиши се | Ще се отвори онлайн записване, може направо на нужната услуга | „Запиши се“ |
| Чат | Ще се отвори чат | „Попитай в чата“ |
| Обратно обаждане | Ще се отвори форма за обратно обаждане | „Поръчай обаждане“ |
| Мултибутон | Ще се отвори мултибутон с канали за връзка | „Свържи се“ |
| Помощ | Ще се отвори център за поддръжка | „Помощ“ |
| Документ | Ще се отвори избраният юридически документ — документът е задължителен | „Отвори документа“ |
| Поддръжка | Ще се отвори раздел „Обръщения“ на чата — форма за ново обръщение | „Пиши на поддръжката“ |
| Връзка | Ще се отвори вашият адрес http(s)://… в нов раздел |
„Научи повече“ |
⚠️ Бутонът работи чрез съседен уиджет. Ако уиджетът, към който води, е изключен при вас (или е платено разширение без абонамент), бутон на сайта няма да има — гостът просто ще гледа ролика. Панелът отбелязва такива действия предварително, а в статистиката на кръгчето това се вижда като отделна причина.
Стандартните надписи на бутоните и служебните надписи на кръгчето са вградени на четири езика — английски, руски, грузински и турски; на останалите езици на страницата те са английски. Собствените си надписи задавате на всякакви езици.
Външен вид#
| Настройка | Стойности | По подразбиране |
|---|---|---|
| Ъгъл | Долу вляво · долу вдясно | Долу вляво (вдясно обикновено вече има нечий бутон) |
| Размер | Диаметър 64…160 px | 96 px |
| Цвят | Рамка на кръгчето и бутон за действие | Син |
| Тих преглед | Включен · изключен | Включен |
| Да не се показва след затваряне | 0…90 дни | 7 дни |
„Да не се показва след затваряне“ — колко дни кръгчето мълчи, след като гостът го е затворил с кръстчето. 0 — само до края на посещението (сесията на браузъра).
Кога да се показва#
Блокът е общ с мултибутона, обратното обаждане и „Жива витрина“: маски на страници „само на…“ и „освен…“ (до 20 във всеки списък, * = произволен фрагмент, изключенията са по-силни), закъснение до 600 секунди, устройство (всички · компютри · телефони), график — до 14 собствени прозореца или работно време на обекта.
⚠️ Часовете се броят в часовата зона на локацията; ако зоната не е зададена — прозорците се броят по времето на посетителя.
Кога кръгчето пуска ролик само#
Това е главното правило на уиджета — договор за скорост: докато кръгчето не реши да покаже преглед, на страницата няма нито един видео елемент с връзка към ролика и нито една заявка към файла му. Гостът изтегля постера, а не видеото.
Тихият преглед (без звук, на повторение) се стартира само когато са изпълнени всички условия:
- прегледът не е изключен в настройките;
- страницата вече се е заредила — роликът не отнема канал от вашето съдържание;
- кръгчето е в видимата част на екрана;
- при госта не е включено „намали движението“ (
prefers-reduced-motion); - при госта не е включено спестяване на трафик (Save-Data).
Иначе в кръгчето има постер на ролика. Няма постер (платформата още не го е направила или обработката на видео не е настроена) — кръгчето показва първия кадър: това е по-скъпо от постера, затова само при условия 1, 2 и 5. Прегледът е изключен и няма постер — тъмен кръг с рамка и ▶.
Качество според екрана. Ако за ролика са готови варианти от 360p до 1080p, уиджетът взема подходящия: в кръгчето — лек, в отворения прозорец — според ширината му. Няма варианти — възпроизвежда се оригиналният файл.
Звукът — само след натискане от госта. Браузърите не позволяват включване на звук без жестове и ние не заобикаляме това.
Тегло на уиджета — около 20 КБ в gzip (таг с async). Файловете на ролиците не влизат в това тегло.
Какво вижда посетителят и какво се събира при това#
Гостът вижда кръгчето в избрания ъгъл — с постер или тихо превю, продължителност на клипа и надпис под него. При натискане (или Enter / интервал от клавиатурата) се отваря прозорец:
- клипът със звук и бутон „изключи звука“;
- стрелки ‹ › между клиповете, ако са няколко;
- надпис и бутон за действие;
- затваряне — с кръстче, клавиш Esc или натискане извън прозореца; фокусът се връща върху кръгчето.
При натискане на бутона за действие прозорецът на кръгчето се затваря и се отваря съседен уиджет — два прозореца върху чужда страница биха били задънена улица. Малкото кръстче върху самото кръгче го скрива за зададен брой дни.
Ако в същия ъгъл вече стои нашият бутон (мултибутон, обратно обаждане, поръчка, резервация, час, чат), кръгчето се издига над него, а плашките на „Жива витрина“ — над кръгчето. Мултибутонът не поглъща кръгчето: това не е канал за връзка.
Уиджетът не събира лични данни. Той няма формуляри и полета. Поръчка, резервация или час, направени чрез бутона, пристигат в същите раздели, както и от самите уиджети — например в „Поръчки“. Самото кръгче изпраща само обезличена статистика: показване, разгръщане, гледане със звук повече от 3 секунди, натискане на бутон по вид действие (поръчка, резервация, чат…) и затваряне. В нея няма нито имена, нито контакти, нито номера на клипове. Обобщението се вижда на картата на уиджета в „Моят сайт“.
Ограничения#
- Форматът е един — кръгче в долния ъгъл. Истории (stories), карусел и плейър, вграден в страницата, няма.
- Клипът е само видео на позиция от менюто или каталога. Не може да се качи „просто клип“ отделно от картата.
- Връзки към YouTube и TikTok не се поддържат: чуждият плейър поставя свои бисквитки (това е против банера за съгласие) и е по-тежък, отколкото позволява договорът за скорост.
- Неиграем клип не се показва: формат, който браузърът не възпроизвежда, без готови варианти за качество не попада в кръгчето. Кръгче без нито един играем клип не се появява изобщо.
- На нашата витрина кръгче няма — там видеото на ястието и без това стои в картата му. Кръгчето работи само на вашия собствен сайт.
- Бутон няма, ако няма негов уиджет: действието води към съседен уиджет и без него бутонът не се рисува.
- Не повече от 6 клипа в едно кръгче.
- Служебните надписи са на четири езика (en, ru, ka, tr), останалите езици — на английски.
- ИИ генериране на клип няма на
cenaly.ru— там клиповете са само качени.
Отстраняване на неизправности#
Кръгче на сайта няма.
- Тагът не е намерен — „Провери инсталацията“. „Няма код“ — тагът не е вмъкнат или не стои на всички страници на шаблона; „код на друга локация“ — чужд
data-domain. Тагът се поставя от GTM — проверката няма да го види. - Уиджетът е изключен — превключвателят на картата „Видеокръгче“.
- Не е избран нито един клип — без клипове кръгчето не се рисува.
- Нито един клип не е играем — всички избрани клипове са във формат, който браузърът не възпроизвежда, а варианти за качество няма. Качете в картата на позицията
mp4или изчакайте обработката на видеото. - Гостът е затворил кръгчето с кръстчето — то мълчи зададения брой дни (по подразбиране 7). Проверявайте в прозорец инкогнито или нов профил на браузъра.
- Условията за показване са отсекли страницата — проверете маските, устройството, закъснението и графика.
- Промените не са пристигнали — настройките се раздават през CDN с кеш до 5 минути: изчакайте и обновете страницата.
Кръгчето го има, а бутон под клипа няма. Уиджетът, към който води бутонът, е изключен на сайта (или не е платен, ако е разширение) — включете го в „Моят сайт“. За действие „Документ“ е нужен избран документ, за „Връзка“ — адрес http(s)://.
Кръгчето не пуска превю, само постер. Така е замислено, ако превюто е изключено, страницата още се зарежда, кръгчето е извън екрана или гостът е включил „намали движението“ или икономия на трафик. Проверете на друго устройство.
В прозореца пише „Видеото е недостъпно“. Файлът на клипа не се е заредил: видеото е изтрито или заменено в картата на позицията. Отворете настройките на кръгчето и изберете клипа наново.
Сменихте видеото в картата, а в кръгчето е старото. Кръгчето пази връзка към конкретно видео на позицията и данните му към момента на избора. Изберете клипа наново — същото важи, ако сте го избирали, докато видеото още се обработваше.
„Поръчай“ отваря не това ястие. Бутонът „Поръчай“ по подразбиране води към позицията, на която е това видео; ако сте сменяли действието ръчно, проверете избраната позиция в настройките на бутона.
Често задавани въпроси#
Ще забави ли кръгчето сайта?#
Уиджетът тежи около 20 КБ в gzip и се зарежда с async. Файловете на клиповете не се изтеглят, докато уиджетът не реши да покаже превю — а превюто се стартира само след зареждане на страницата и само във видимата част на екрана.
Може ли да се качи клип направо в уиджета?#
Не. Клипът е видео на позиция от менюто или каталога: качете го в картата на позицията или го генерирайте от снимка на ястието (освен на cenaly.ru), а в кръгчето го изберете.
Какво ще стане с клиповете, ако изключа кръгчето или напусна платформата?#
С уиджета клиповете не изчезват: това са файлове на вашите позиции от менюто, а кръгчето пази само връзки към тях. Изключихте уиджета — видеата остават в картите на ястията. Кръгчето няма отделно хранилище, от него няма какво да се прехвърля.
Може ли да се вгради видео от YouTube или TikTok?#
Не. Чужд плейър поставя бисквитки и е по-тежък, отколкото позволява договорът за скорост на кръгчето.
Звукът включва ли се сам?#
Не. Превюто в кръгчето винаги е без звук, а със звук клипът играе само след натискане от госта.
Колко клипа могат да се покажат?#
До шест в едно кръгче. Гостът ги листа със стрелките; всеки има свой надпис и свой бутон.
Ще се появи ли кръгчето на витрината Cenaly?#
Не. На витрината видеото на ястието и без това е в картата му, затова кръгчето работи само на вашия собствен сайт.
Какво попада в статистиката?#
Показвания на кръгчето, разгръщания, гледания със звук повече от 3 секунди, натискания на бутон по видове действия и затваряния — без лични данни и без номера на клипове.
Свързани раздели#
- Моят сайт — код за инсталиране и останалите уиджети
- Онлайн поръчка на собствения ви сайт — накъде води бутонът „Поръчай“
- Жива витрина — честни плашки с числа на поръчките до кръгчето
- Мултибутон — всички канали за връзка в един бутон
- Бисквитки и съгласие — защо не вграждаме чужди плейъри