C cenaly.com
Започнете безплатно

Видео кръгче

Кръгче с видео от вашето меню в ъгъла на сайта: при натискане — видео със звук и бутон „Поръчай“ точно за това ястие

On this page 21

Видеокръгче

„Видеокръгче“ — кръгъл плаващ уиджет с клип в долния ъгъл на вашия сайт. Първо посетителят вижда постер или тихо превю без звук; при натискане се отваря прозорец с клипа със звук, надпис и бутон за действие: „Поръчай“, „Резервирай маса“, „Запиши се“, „Попитай в чата“ и други.

Основната разлика от обичайните видео уиджети — клипът тук не е отделен файл. Това е видео на позиция от вашето меню или каталог, което вече е в нейната карта: качено от вас или генерирано от ИИ от снимка на ястието. Уиджетът няма второ хранилище за видео, а бутонът „Поръчай“ отваря в уиджета за поръчки точно това ястие, което посетителят току-що е гледал.

Уиджетът е безплатен: не е нужно да купувате отделно разширение.

Къде да го включите: Админ панел → Маркетинг → „Моят сайт“ → карта „Видеокръгче“. Превключвателят включва уиджета, зъбното колело отваря настройките.


Инсталиране на сайта#

Не е нужен собствен код — работи общият таг на раздела „Моят сайт“:

<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, тя няма да види — гледайте сайта с очите си.


Откъде идват клиповете#

Клипът на кръгчето е видео на позиция от менюто или каталога. Няма отделно качване на „клип за уиджета“ и това е съзнателно: едно и също видео работи в картата на ястието във витрината и в кръгчето на сайта.

За да се появи видео на дадена позиция:

  1. Отворете позицията в раздел „Меню“ (или в каталога с продукти) и качете видео в нейните медии.
  2. Или генерирайте клип с ИИ от снимка на ястието направо в картата. Генерирането е функция на картата на ястието със свои условия; кръгчето не плаща за нея. ⚠️ При брандовете в облак Yandex (cenaly.ru) няма генериране на видео — там клипът се качва готов.
  3. Изчакайте видеото да се обработи: платформата прави постер и, където е настроено, варианти на качеството от 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 собствени прозореца или работно време на обекта.

⚠️ Часовете се броят в часовата зона на локацията; ако зоната не е зададена — прозорците се броят по времето на посетителя.


Кога кръгчето пуска ролик само#

Това е главното правило на уиджета — договор за скорост: докато кръгчето не реши да покаже преглед, на страницата няма нито един видео елемент с връзка към ролика и нито една заявка към файла му. Гостът изтегля постера, а не видеото.

Тихият преглед (без звук, на повторение) се стартира само когато са изпълнени всички условия:

  1. прегледът не е изключен в настройките;
  2. страницата вече се е заредила — роликът не отнема канал от вашето съдържание;
  3. кръгчето е в видимата част на екрана;
  4. при госта не е включено „намали движението“ (prefers-reduced-motion);
  5. при госта не е включено спестяване на трафик (Save-Data).

Иначе в кръгчето има постер на ролика. Няма постер (платформата още не го е направила или обработката на видео не е настроена) — кръгчето показва първия кадър: това е по-скъпо от постера, затова само при условия 1, 2 и 5. Прегледът е изключен и няма постер — тъмен кръг с рамка и ▶.

Качество според екрана. Ако за ролика са готови варианти от 360p до 1080p, уиджетът взема подходящия: в кръгчето — лек, в отворения прозорец — според ширината му. Няма варианти — възпроизвежда се оригиналният файл.

Звукът — само след натискане от госта. Браузърите не позволяват включване на звук без жестове и ние не заобикаляме това.

Тегло на уиджета — около 20 КБ в gzip (таг с async). Файловете на ролиците не влизат в това тегло.


Какво вижда посетителят и какво се събира при това#

Гостът вижда кръгчето в избрания ъгъл — с постер или тихо превю, продължителност на клипа и надпис под него. При натискане (или Enter / интервал от клавиатурата) се отваря прозорец:

  • клипът със звук и бутон „изключи звука“;
  • стрелки ‹ › между клиповете, ако са няколко;
  • надпис и бутон за действие;
  • затваряне — с кръстче, клавиш Esc или натискане извън прозореца; фокусът се връща върху кръгчето.

При натискане на бутона за действие прозорецът на кръгчето се затваря и се отваря съседен уиджет — два прозореца върху чужда страница биха били задънена улица. Малкото кръстче върху самото кръгче го скрива за зададен брой дни.

Ако в същия ъгъл вече стои нашият бутон (мултибутон, обратно обаждане, поръчка, резервация, час, чат), кръгчето се издига над него, а плашките на „Жива витрина“ — над кръгчето. Мултибутонът не поглъща кръгчето: това не е канал за връзка.

Уиджетът не събира лични данни. Той няма формуляри и полета. Поръчка, резервация или час, направени чрез бутона, пристигат в същите раздели, както и от самите уиджети — например в „Поръчки“. Самото кръгче изпраща само обезличена статистика: показване, разгръщане, гледане със звук повече от 3 секунди, натискане на бутон по вид действие (поръчка, резервация, чат…) и затваряне. В нея няма нито имена, нито контакти, нито номера на клипове. Обобщението се вижда на картата на уиджета в „Моят сайт“.


Ограничения#

  • Форматът е един — кръгче в долния ъгъл. Истории (stories), карусел и плейър, вграден в страницата, няма.
  • Клипът е само видео на позиция от менюто или каталога. Не може да се качи „просто клип“ отделно от картата.
  • Връзки към YouTube и TikTok не се поддържат: чуждият плейър поставя свои бисквитки (това е против банера за съгласие) и е по-тежък, отколкото позволява договорът за скорост.
  • Неиграем клип не се показва: формат, който браузърът не възпроизвежда, без готови варианти за качество не попада в кръгчето. Кръгче без нито един играем клип не се появява изобщо.
  • На нашата витрина кръгче няма — там видеото на ястието и без това стои в картата му. Кръгчето работи само на вашия собствен сайт.
  • Бутон няма, ако няма негов уиджет: действието води към съседен уиджет и без него бутонът не се рисува.
  • Не повече от 6 клипа в едно кръгче.
  • Служебните надписи са на четири езика (en, ru, ka, tr), останалите езици — на английски.
  • ИИ генериране на клип няма на cenaly.ru — там клиповете са само качени.

Отстраняване на неизправности#

Кръгче на сайта няма.

  1. Тагът не е намерен — „Провери инсталацията“. „Няма код“ — тагът не е вмъкнат или не стои на всички страници на шаблона; „код на друга локация“ — чужд data-domain. Тагът се поставя от GTM — проверката няма да го види.
  2. Уиджетът е изключен — превключвателят на картата „Видеокръгче“.
  3. Не е избран нито един клип — без клипове кръгчето не се рисува.
  4. Нито един клип не е играем — всички избрани клипове са във формат, който браузърът не възпроизвежда, а варианти за качество няма. Качете в картата на позицията mp4 или изчакайте обработката на видеото.
  5. Гостът е затворил кръгчето с кръстчето — то мълчи зададения брой дни (по подразбиране 7). Проверявайте в прозорец инкогнито или нов профил на браузъра.
  6. Условията за показване са отсекли страницата — проверете маските, устройството, закъснението и графика.
  7. Промените не са пристигнали — настройките се раздават през CDN с кеш до 5 минути: изчакайте и обновете страницата.

Кръгчето го има, а бутон под клипа няма. Уиджетът, към който води бутонът, е изключен на сайта (или не е платен, ако е разширение) — включете го в „Моят сайт“. За действие „Документ“ е нужен избран документ, за „Връзка“ — адрес http(s)://.

Кръгчето не пуска превю, само постер. Така е замислено, ако превюто е изключено, страницата още се зарежда, кръгчето е извън екрана или гостът е включил „намали движението“ или икономия на трафик. Проверете на друго устройство.

В прозореца пише „Видеото е недостъпно“. Файлът на клипа не се е заредил: видеото е изтрито или заменено в картата на позицията. Отворете настройките на кръгчето и изберете клипа наново.

Сменихте видеото в картата, а в кръгчето е старото. Кръгчето пази връзка към конкретно видео на позицията и данните му към момента на избора. Изберете клипа наново — същото важи, ако сте го избирали, докато видеото още се обработваше.

„Поръчай“ отваря не това ястие. Бутонът „Поръчай“ по подразбиране води към позицията, на която е това видео; ако сте сменяли действието ръчно, проверете избраната позиция в настройките на бутона.


Често задавани въпроси#

Ще забави ли кръгчето сайта?#

Уиджетът тежи около 20 КБ в gzip и се зарежда с async. Файловете на клиповете не се изтеглят, докато уиджетът не реши да покаже превю — а превюто се стартира само след зареждане на страницата и само във видимата част на екрана.

Може ли да се качи клип направо в уиджета?#

Не. Клипът е видео на позиция от менюто или каталога: качете го в картата на позицията или го генерирайте от снимка на ястието (освен на cenaly.ru), а в кръгчето го изберете.

Какво ще стане с клиповете, ако изключа кръгчето или напусна платформата?#

С уиджета клиповете не изчезват: това са файлове на вашите позиции от менюто, а кръгчето пази само връзки към тях. Изключихте уиджета — видеата остават в картите на ястията. Кръгчето няма отделно хранилище, от него няма какво да се прехвърля.

Може ли да се вгради видео от YouTube или TikTok?#

Не. Чужд плейър поставя бисквитки и е по-тежък, отколкото позволява договорът за скорост на кръгчето.

Звукът включва ли се сам?#

Не. Превюто в кръгчето винаги е без звук, а със звук клипът играе само след натискане от госта.

Колко клипа могат да се покажат?#

До шест в едно кръгче. Гостът ги листа със стрелките; всеки има свой надпис и свой бутон.

Ще се появи ли кръгчето на витрината Cenaly?#

Не. На витрината видеото на ястието и без това е в картата му, затова кръгчето работи само на вашия собствен сайт.

Какво попада в статистиката?#

Показвания на кръгчето, разгръщания, гледания със звук повече от 3 секунди, натискания на бутон по видове действия и затваряния — без лични данни и без номера на клипове.


Свързани раздели#

Was this article helpful?