Wideo w kółku

„Wideo w kółku” — okrągły pływający widżet z rolką w dolnym rogu Twojej witryny. Najpierw gość widzi plakat lub ciche podglądy bez dźwięku; po kliknięciu otwiera się okno z rolką z dźwiękiem, podpisem i przyciskiem działania: „Zamów”, „Zarezerwuj stolik”, „Zapisz się”, „Zapytaj na czacie” i inne.

Główna różnica w stosunku do znanych widżetów wideo — rolka nie jest tutaj osobnym plikiem. To wideo przedmiotu z Twojego menu lub katalogu, które już znajduje się w jego karcie: przesłane przez Ciebie lub wygenerowane przez AI ze zdjęcia dania. Widżet nie ma drugiego magazynu wideo, a przycisk „Zamów” otwiera w widżecie zamówienia dokładnie to danie, które gość właśnie oglądał.

Widżet jest bezpłatny: nie trzeba kupować osobnego rozszerzenia.

Gdzie włączyć: Panel administracyjny → Marketing → „Moja witryna” → karta „Wideo w kółku”. Przełącznik włącza widżet, ikona zębatego otwiera ustawienia.

Instalacja na witrynie#

Własny kod nie jest potrzebny — działa wspólny tag sekcji „Moja witryna”:

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

Jedna linia w <head> lub przed </body>, dalej skład widżetów określają przełączniki w koncie. Instrukcje dla platform (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — w artykule Moja witryna, sekcja „Instalacja na popularnych platformach”.

Pojedynczy tag kółka znajduje się w bloku „Zaawansowane”:

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

Jego atrybuty:

Atrybut	Co określa
`data-domain`	Twoja domena w „Moja witryna” — obowiązkowa
`data-brand`	Marka platformy, jeśli tag nie stoi na jej domenie
`data-lang`	Język podpisów technicznych; bez niego — język strony (`<html lang>`), następnie język przeglądarki
`data-position`	Róg: `bl` — lewy dolny, `br` — prawy dolny
`data-color`	Kolor ramki i przycisku, `#rrggbb`
`data-size`	Średnica kółka w pikselach, od 64 do 160

⚠️ Atrybut na tagu jest silniejszy niż ustawienie w koncie — w innych widżetach jest odwrotnie. Kółko często umieszcza się na stronie, gdzie róg jest już zajęty przez obcą strukturę, i powinien je przesunąć ten, kto edytuje tę stronę, nie wchodząc do panelu administracyjnego.

Co widzi, a czego nie widzi sprawdzenie instalacji. Przycisk „Sprawdź instalację” czyta źródłowy HTML strony: znajdzie wspólny loader lub pojedynczy tag kółka, kod innej lokalizacji albo jego brak. Tag, który wstawia już w przeglądarce Google Tag Manager, nie zostanie zauważony — obejrzyj witrynę na własne oczy.

Skąd pochodzą rolki#

Rolka kółka to wideo przedmiotu z menu lub katalogu. Osobnego przesyłania „rolki dla widżetu” nie ma i jest to celowe: to samo wideo działa w karcie dania na witrynie i w kółku na stronie.

Aby przedmiot miał wideo:

Otwórz przedmiot w sekcji „Menu” (lub w katalogu towarów) i prześlij wideo do jego mediów.
Albo wygeneruj rolkę przez AI ze zdjęcia dania bezpośrednio w karcie. Generowanie — funkcja karty dania z własnymi warunkami; kółko za nią nie płaci. ⚠️ Na markach w chmurze Yandex (cenaly.ru) generowania wideo nie ma — tam rolkę przesyła się gotową.
Poczekaj, aż wideo się przetworzy: platforma tworzy plakat i, gdzie to skonfigurowano, warianty jakości od 360p do 1080p.

Jeśli żaden przedmiot nie ma wideo, panel kółka tak powie i zaproponuje przejście do menu — wymyślonego podglądu bez rolki nie będzie.

⚠️ Format pliku ma znaczenie. Przeglądarki pewnie odtwarzają mp4, webm i m4v. Rolka w innym formacie (na przykład .mov z iPhone, .avi, .mkv) zostanie pokazana przez kółko tylko wtedy, gdy są dla niej gotowe warianty jakości; inaczej w ogóle nie trafia do kółka — kółko, które otwiera się w „wideo niedostępne”, jest gorsze od nieobecnego.

Konfiguracja widżetu#

Ustawienia zapisują się same. Obok pól znajduje się podgląd: okrąg z plakatem pierwszego wybranego filmu i rozwinięte okno z podpisem i przyciskiem, tymi samymi słowami, które zobaczy gość.

Filmy#

Wybór — lista przedmiotów wybranej placówki, które mają wideo. Zaznacz do 6 filmów i ustaw ich kolejność: w tej kolejności gość przewija je strzałkami.
Podpis — krótki tekst filmu (do 80 znaków) w wybranych językach: pod okręgiem i w rozwiniętym oknie.
Przycisk działania — co zrobić po obejrzeniu (patrz tabela poniżej). Domyślnie — „Zamów” z tym samym daniem.
Podpis przycisku — własny, do 40 znaków w każdym języku; pusty — standardowy podpis według rodzaju działania.

W ustawieniach okręgu przechowywany jest link do wideo przedmiotu i dane filmu z momentu wyboru (format, gotowe warianty jakości, plakat, czas trwania), a nie kopia pliku.

Przycisk pod filmem#

Działanie	Co się stanie	Domyślny podpis
Zamów	Otworzy się widżet zamówienia — od razu na tym daniu	„Zamów”
Zarezerwuj stolik	Otworzy się formularz rezerwacji stolika	„Zarezerwuj stolik”
Zapisz się	Otworzy się zapis online, można od razu na wybraną usługę	„Zapisz się”
Czat	Otworzy się czat	„Zapytaj na czacie”
Oddzwonienie	Otworzy się formularz oddzwonienia	„Zamów rozmowę”
Multiprzycisk	Rozwinie się multiprzycisk z kanałami kontaktu	„Skontaktuj się”
Pomoc	Otworzy się centrum wsparcia	„Pomoc”
Dokument	Otworzy się wybrany dokument prawny — dokument jest obowiązkowy	„Otwórz dokument”
Wsparcie	Otworzy się zakładka „Zgłoszenia” czatu — formularz nowego zgłoszenia	„Napisz do wsparcia”
Link	Otworzy się twój adres `http(s)://…` w nowej karcie	„Dowiedz się więcej”

⚠️ Przycisk działa przez sąsiedni widżet. Jeśli widżet, do którego prowadzi, jest u ciebie wyłączony (albo to płatne rozszerzenie bez subskrypcji), przycisku na stronie nie będzie — gość po prostu obejrzy film. Panel oznacza takie działania z góry, a w statystykach okręgu widać to jako osobną przyczynę.

Standardowe podpisy przycisków i podpisy techniczne okręgu są wbudowane w czterech językach — angielskim, rosyjskim, gruzińskim i tureckim; w pozostałych językach strony są angielskie. Własne podpisy ustawiasz w dowolnych językach.

Wygląd#

Ustawienie	Wartości	Domyślnie
Narożnik	Lewy dolny · prawy dolny	Lewy dolny (w prawym zwykle stoi już czyjś przycisk)
Rozmiar	Średnica 64…160 px	96 px
Kolor	Ramka okręgu i przycisk działania	Niebieski
Ciche podglądy	Włączone · wyłączone	Włączone
Nie pokazuj po zamknięciu	0…90 dni	7 dni

„Nie pokazuj po zamknięciu” — ile dni okrąg milczy po tym, jak gość zamknął go krzyżykiem. 0 — tylko do końca wizyty (sesji przeglądarki).

Kiedy pokazywać#

Blok wspólny z multiprzyciskiem, oddzwonieniem i „Żywą witryną”: maski stron „tylko na…” i „oprócz…” (do 20 w każdej liście, * = dowolny fragment, wyjątki silniejsze), opóźnienie do 600 sekund, urządzenie (wszystkie · komputery · telefony), harmonogram — do 14 własnych okien albo godziny pracy placówki.

⚠️ Godziny liczone są w strefie czasowej lokalizacji; strefa nie jest ustawiona — okna liczone są według czasu odwiedzającego.

Kiedy okrąg sam odtwarza film#

To główna zasada widżetu — kontrakt szybkości: dopóki okrąg nie zdecydował się pokazać podglądu, na stronie nie ma ani jednego elementu wideo z linkiem do filmu ani jednego zapytania do jego pliku. Gość pobiera plakat, a nie wideo.

Cichy podgląd (bez dźwięku, w pętli) uruchamia się tylko wtedy, gdy spełnione są wszystkie warunki:

podgląd nie jest wyłączony w ustawieniach;
strona już się załadowała — film nie odbiera pasma twoim treściom;
okrąg jest w widocznej części ekranu;
gość nie ma włączonego „ograniczenia ruchu” (prefers-reduced-motion);
gość nie ma włączonej oszczędności transferu (Save-Data).

W przeciwnym razie w okręgu jest plakat filmu. Plakatu nie ma (platforma jeszcze go nie zrobiła albo przetwarzanie wideo nie jest skonfigurowane) — okrąg pokazuje pierwszą klatkę: to droższe niż plakat, dlatego tylko przy warunkach 1, 2 i 5. Podgląd wyłączony i plakatu nie ma — ciemny okrąg z ramką i ▶.

Jakość pod ekran. Jeśli dla filmu gotowe są warianty od 360p do 1080p, widżet bierze odpowiedni: w okręgu — lekki, w rozwiniętym oknie — pod jego szerokość. Wariantów nie ma — odtwarzany jest plik źródłowy.

Dźwięk — tylko po naciśnięciu przez gościa. Przeglądarki nie pozwalają włączyć dźwięku bez gestu i nie obchodzimy tego.

Waga widżetu — około 20 KB w gzip (tag z async). Pliki filmów nie wchodzą w tę wagę.

Co widzi odwiedzający i co przy tym jest zbierane#

Gość widzi okrąg w wybranym rogu — z plakatem lub cichym podglądem, czasem trwania rolki i podpisem pod nim. Po naciśnięciu (lub Enter / spacją z klawiatury) otwiera się okno:

rolka ze dźwiękiem i przyciskiem „wycisz”;
strzałki ‹ › między rolkami, jeśli jest ich kilka;
podpis i przycisk działania;
zamknięcie — krzyżykiem, klawiszem Esc lub kliknięciem poza oknem; fokus wraca na okrąg.

Po naciśnięciu przycisku działania okno okręgu zamyka się i otwiera się sąsiedni widżet — dwa okna na cudzej stronie byłyby ślepą uliczką. Mały krzyżyk na samym okręgu ukrywa go na zadaną liczbę dni.

Jeśli w tym samym rogu stoi już nasz przycisk (multiprzycisk, oddzwonienie, zamówienie, rezerwacja, wizyta, czat), okrąg unosi się nad nim, a plakietki „Żywej witryny” — nad okręgiem. Multiprzycisk nie pochłania okręgu: to nie kanał kontaktu.

Widżet nie zbiera danych osobowych. Nie ma formularzy ani pól. Zamówienie, rezerwacja lub wizyta złożone przez przycisk trafiają do tych samych sekcji co z samych widżetów — na przykład do „Zamówienia”. Sam okrąg wysyła tylko zanonimizowane statystyki: wyświetlenie, rozwinięcie, obejrzenie ze dźwiękiem dłużej niż 3 sekundy, naciśnięcie przycisku według rodzaju działania (zamówienie, rezerwacja, czat…) i zamknięcie. Nie ma w nich ani imion, ani kontaktów, ani numerów rolek. Podsumowanie widać na karcie widżetu w „Moja strona”.

Ograniczenia#

Format jest jeden — okrąg w dolnym rogu. Stories, karuzeli i odtwarzacza wbudowanego w stronę nie ma.
Rolka to tylko wideo przedmiotu z menu lub katalogu. Nie można wgrać „samej rolki” osobno od karty.
Linki do YouTube i TikTok nie są obsługiwane: cudzy odtwarzacz ustawia własne cookies (to wbrew banerowi zgody) i jest cięższy, niż pozwala kontrakt szybkości.
Rolka, której nie da się odtworzyć, nie jest pokazywana: format, którego przeglądarka nie odtwarza, bez gotowych wariantów jakości nie trafia do okręgu. Okrąg bez ani jednej odtwarzalnej rolki nie pojawia się wcale.
Na naszej witrynie okręgu nie ma — tam wideo dania i tak stoi w jego karcie. Okrąg działa tylko na twojej własnej stronie.
Nie ma przycisku, jeśli nie ma jego widżetu: działanie prowadzi do sąsiedniego widżetu, a bez niego przycisk się nie rysuje.
Nie więcej niż 6 rolek w jednym okręgu.
Podpisy systemowe — cztery języki (en, ru, ka, tr), pozostałe języki — po angielsku.
Generowania rolek przez AI nie ma na cenaly.ru — tam rolki są tylko wgrywane.

Rozwiązywanie problemów#

Nie ma okręgu na stronie.

Nie znaleziono tagu — „Sprawdź instalację”. „Nie ma kodu” — tag nie został wstawiony lub nie stoi na wszystkich stronach szablonu; „kod innej lokalizacji” — cudzy data-domain. Tag wstawia GTM — sprawdzenie go nie zobaczy.
Widżet jest wyłączony — przełącznik na karcie „Wideookrąg”.
Nie wybrano ani jednej rolki — bez rolek okrąg się nie rysuje.
Żadna rolka nie jest odtwarzalna — wszystkie wybrane rolki mają format, którego przeglądarka nie odtwarza, a wariantów jakości nie ma. Wgraj do karty przedmiotu mp4 lub poczekaj na przetworzenie wideo.
Gość zamknął okrąg krzyżykiem — milczy przez zadaną liczbę dni (domyślnie 7). Sprawdzaj w oknie incognito lub nowym profilu przeglądarki.
Warunki pokazywania odcięły stronę — sprawdź maski, urządzenie, opóźnienie i harmonogram.
Zmiany nie dotarły — ustawienia są rozdawane przez CDN z cache do 5 minut: poczekaj i odśwież stronę.

Okrąg jest, a przycisku pod rolką nie ma. Widżet, do którego prowadzi przycisk, jest wyłączony na stronie (lub nieopłacony, jeśli to rozszerzenie) — włącz go w „Moja strona”. Dla działania „Dokument” potrzebny jest wybrany dokument, dla „Linki” — adres http(s)://.

Okrąg nie odtwarza podglądu, tylko plakat. Tak jest zamierzone, jeśli podgląd jest wyłączony, strona jeszcze się ładuje, okrąg jest poza ekranem lub gość ma włączone „ogranicz ruch” albo oszczędzanie transferu. Sprawdź na innym urządzeniu.

W oknie jest napisane „Wideo niedostępne”. Plik rolki się nie wgrał: wideo usunięto lub zamieniono w karcie przedmiotu. Otwórz ustawienia okręgu i wybierz rolkę ponownie.

Zamieniono wideo w karcie, a w okręgu jest stare. Okrąg przechowuje link do konkretnego wideo przedmiotu i jego dane z momentu wyboru. Wybierz rolkę ponownie — tak samo, jeśli wybierałeś ją, gdy wideo jeszcze się przetwarzało.

„Zamów” otwiera nie to danie. Przycisk „Zamów” domyślnie prowadzi do przedmiotu, którego to wideo dotyczy; jeśli zmieniałeś działanie ręcznie, sprawdź wybrany przedmiot w ustawieniach przycisku.

Częste pytania#

Czy okrąg spowolni stronę?#

Widżet waży około 20 KB w gzip i ładuje się z async. Pliki rolek nie są pobierane, dopóki widżet nie zdecyduje się pokazać podglądu — a podgląd uruchamia się tylko po załadowaniu strony i tylko w widocznej części ekranu.

Czy można wgrać rolkę bezpośrednio do widżetu?#

Nie. Rolka to wideo przedmiotu z menu lub katalogu: wgraj je do karty przedmiotu lub wygeneruj ze zdjęcia dania (oprócz cenaly.ru), a w okręgu wybierz.

Co się stanie z rolkami, jeśli wyłączę okrąg lub odejdę z platformy?#

Z widżetem rolki nie przepadają: to pliki twoich przedmiotów z menu, a okrąg przechowuje tylko linki do nich. Wyłączyłeś widżet — wideo zostają w kartach dań. Okrąg nie ma osobnego magazynu, nie ma z niego czego przenosić.

Czy można wstawić wideo z YouTube lub TikTok?#

Nie. Cudzy odtwarzacz ustawia cookies i jest cięższy, niż pozwala kontrakt szybkości okręgu.

Czy dźwięk włącza się sam?#

Nie. Podgląd w okręgu jest zawsze bez dźwięku, a ze dźwiękiem rolka gra tylko po naciśnięciu przez gościa.

Ile rolek można pokazać?#

Do sześciu w jednym okręgu. Gość przewija je strzałkami; każda ma swój podpis i swój przycisk.

Czy okrąg pojawi się na witrynie Cenaly?#

Nie. W witrynie wideo dania i tak jest w jego karcie, dlatego okrąg działa tylko na twojej własnej stronie.

Co trafia do statystyk?#

Wyświetlenia okręgu, rozwinięcia, obejrzenia ze dźwiękiem dłużej niż 3 sekundy, naciśnięcia przycisku według rodzajów działań i zamknięcia — bez danych osobowych i bez numerów rolek.

Powiązane sekcje#

Moja witryna — kod instalacyjny i pozostałe widżety
Zamówienie online na własnej witrynie — dokąd prowadzi przycisk „Zamów”
Żywa witryna — uczciwe plakietki z liczbami zamówień obok widżetu
Multiprzycisk — wszystkie kanały kontaktu w jednym przycisku
Cookies i zgoda — dlaczego nie wstawiamy obcych odtwarzaczy