C cenaly.com
Započni besplatno

Video-kružić

Kružić sa video-snimkom iz vašeg menija u uglu sajta: na klik — video sa zvukom i dugme „Naruči“ upravo za to jelo

11 min read Otvori ovaj ekran u demou
On this page 21

Video krug

„Video krug“ — okrugli plutajući vidžet sa snimkom u donjem uglu vašeg sajta. Najpre gost vidi poster ili tihu pregled bez zvuka; klikom se otvara prozor sa snimkom sa zvukom, potpisom i dugmetom za akciju: „Poruči“, „Rezerviši sto“, „Zakaži“, „Pitaj u četu“ i druga.

Glavna razlika u odnosu na uobičajene video vidžete — snimak ovde nije poseban fajl. To je video stavke vašeg menija ili kataloga, koji već stoji u njenoj kartici: koji ste sami otpremili ili koji je generisala AI iz fotografije jela. Drugog skladišta video zapisa vidžet nema, a dugme „Poruči“ otvara u vidžetu porudžbine upravo ono jelo koje je gost upravo gledao.

Vidžet je besplatan: poseban dodatak nije potrebno kupovati.

Gde ga uključiti: Administratorski panel → Marketing → „Moj sajt“ → kartica „Video krug“. Prekidač uključuje vidžet, zupčanik otvara podešavanja.


Instalacija na sajt#

Sopstveni kod nije potreban — radi zajednička oznaka odeljka „Moj sajt“:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="VAŠ-DOMEN" async></script>

Jedan red u <head> ili pre </body>, a dalje se sastav vidžeta zadaje prekidačima u nalogu. Uputstva po platformama (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — u članku Moj sajt, odeljak „Instalacija na popularnim platformama“.

Pojedinačna oznaka kruga nalazi se u bloku „Napredno“:

<script src="https://cdn.cenaly.com/video-widget/v1.js" data-domain="VAŠ-DOMEN" async></script>

Njeni atributi:

Atribut Šta zadaje
data-domain Vaš domen u „Moj sajt“ — obavezan
data-brand Brend platforme, ako oznaka nije na njegovom domenu
data-lang Jezik pomoćnih potpisa; bez njega — jezik stranice (<html lang>), zatim jezik pregledača
data-position Ugao: bl — levo dole, br — desno dole
data-color Boja okvira i dugmeta, #rrggbb
data-size Prečnik kruga u pikselima, od 64 do 160

⚠️ Atribut na oznaci je jači od podešavanja u nalogu — kod drugih vidžeta je obrnuto. Krug se često postavlja na stranicu gde je ugao već zauzet tuđim rasporedom, i treba da ga pomeri onaj ko uređuje tu stranicu, bez ulaska u administratorski panel.

Šta provera instalacije vidi, a šta ne vidi. Dugme „Proveri instalaciju“ čita izvorni HTML stranice: pronaći će zajednički utovarivač ili pojedinačnu oznaku kruga, kod druge lokacije ili njegovo odsustvo. Oznaku koju ubacuje tek u pregledaču Google Tag Manager, ona neće videti — gledajte sajt svojim očima.


Odakle dolaze snimci#

Snimak kruga je video stavke menija ili kataloga. Posebnog otpremanja „snimka za vidžet“ nema, i to je namerno: isti video radi u kartici jela na izlogu i u krugu na sajtu.

Da bi stavka dobila video:

  1. Otvorite stavku u odeljku „Cenaly“ (ili u katalogu proizvoda) i otpremite video u njene medije.
  2. Ili generišite snimak pomoću AI iz fotografije jela direktno u kartici. Generisanje je funkcija kartice jela sa svojim uslovima; krug za nju ne plaća. ⚠️ Na brendovima u oblaku Yandex (cenaly.ru) generisanja videa nema — tamo se snimak otprema gotov.
  3. Sačekajte da se video obradi: platforma pravi poster i, gde je to podešeno, varijante kvaliteta od 360p do 1080p.

Ako nijedna stavka nema video, panel kruga će to tako i reći i predložiti prelazak u meni — izmišljenog pregleda bez snimka neće biti.

⚠️ Format fajla je važan. Pregledači pouzdano puštaju mp4, webm i m4v. Snimak u drugom formatu (na primer, .mov sa iPhone, .avi, .mkv) krug će prikazati samo ako su za njega pripremljene varijante kvaliteta; inače on uopšte ne dospeva u krug — krug koji se otvara na „video nedostupan“ gori je od odsutnog.


Podešavanje vidžeta#

Podešavanja se čuvaju sama. Pored polja je pregled: kružić sa posterom prvog izabranog snimka i otvoren prozor sa natpisom i dugmetom, istim rečima koje će gost videti.

Snimci#

  • Izbor — lista stavki izabrane lokacije koje imaju video. Označite do 6 snimaka i poređajte ih po redu: tim redom gost lista kroz njih strelicama.
  • Natpis — kratak tekst snimka (do 80 znakova) na potrebnim jezicima: ispod kružića i u otvorenom prozoru.
  • Dugme radnje — šta uraditi posle gledanja (vidi tabelu ispod). Podrazumevano — „Poruči“ sa tim istim jelom.
  • Natpis dugmeta — sopstveni, do 40 znakova na svakom jeziku; prazno — standardni natpis prema vrsti radnje.

U podešavanjima kružića čuva se veza ka videu stavke i podaci snimka u trenutku izbora (format, gotove varijante kvaliteta, poster, trajanje), a ne kopija fajla.

Dugme ispod snimka#

Radnja Šta će se desiti Podrazumevani natpis
Poruči Otvoriće se vidžet za poručivanje — odmah na tom jelu „Poruči“
Rezerviši sto Otvoriće se formular za rezervaciju stola „Rezerviši sto“
Zakaži Otvoriće se onlajn zakazivanje, može odmah na željenu uslugu „Zakaži“
Ćaskanje Otvoriće se ćaskanje „Pitaj u ćaskanju“
Povratni poziv Otvoriće se formular za povratni poziv „Zatraži poziv“
Više dugmadi Otvoriće se više dugmadi sa kanalima komunikacije „Kontaktiraj“
Pomoć Otvoriće se centar za podršku „Pomoć“
Dokument Otvoriće se izabrani pravni dokument — dokument je obavezan „Otvori dokument“
Podrška Otvoriće se kartica „Obraćanja“ ćaskanja — formular novog obraćanja „Piši podršci“
Veza Otvoriće se vaša adresa http(s)://… u novoj kartici „Detaljnije“

⚠️ Dugme radi preko susednog vidžeta. Ako je vidžet u koji vodi kod vas isključen (ili je to plaćeno proširenje bez pretplate), dugmeta na sajtu neće biti — gost će samo pogledati snimak. Panel unapred označava takve radnje, a u statistici kružića to se vidi kao poseban razlog.

Standardni natpisi dugmadi i servisni natpisi kružića ugrađeni su na četiri jezika — engleskom, ruskom, gruzijskom i turskom; na ostalim jezicima stranice oni su engleski. Sopstvene natpise zadajete na kojim god jezicima želite.

Izgled#

Podešavanje Vrednosti Podrazumevano
Ugao Dole levo · dole desno Dole levo (dole desno obično već stoji nečije dugme)
Veličina Prečnik 64…160 px 96 px
Boja Okvir kružića i dugme radnje Plava
Tihi pregled Uključeno · isključeno Uključeno
Ne prikazuj posle zatvaranja 0…90 dana 7 dana

„Ne prikazuj posle zatvaranja“ — koliko dana kružić ćuti nakon što ga je gost zatvorio iksom. 0 — samo do kraja posete (sesije pregledača).

Kada prikazati#

Blok je zajednički sa više dugmadi, povratnim pozivom i „Živim izlogom“: maske stranica „samo na…“ i „osim…“ (do 20 u svakoj listi, * = bilo koji fragment, izuzeci su jači), odlaganje do 600 sekundi, uređaj (svi · računari · telefoni), raspored — do 14 sopstvenih okvira ili radno vreme lokacije.

⚠️ Sati se računaju u vremenskoj zoni lokacije; zona nije zadata — okviri se računaju po vremenu posetioca.


Kada kružić sam pušta snimak#

Ovo je glavno pravilo vidžeta — ugovor brzine: dok kružić ne odluči da prikaže pregled, na stranici nema nijednog video elementa sa vezom ka snimku niti ijednog zahteva ka njegovom fajlu. Gost preuzima poster, a ne video.

Tihi pregled (bez zvuka, u krug) pokreće se samo kada su ispunjeni svi uslovi:

  1. pregled nije isključen u podešavanjima;
  2. stranica se već učitala — snimak ne oduzima kanal vašem sadržaju;
  3. kružić je u vidljivom delu ekrana;
  4. kod gosta nije uključeno „smanji kretanje“ (prefers-reduced-motion);
  5. kod gosta nije uključena ušteda saobraćaja (Save-Data).

U suprotnom je u kružiću — poster snimka. Postera nema (platforma ga još nije napravila ili obrada videa nije podešena) — kružić prikazuje prvi kadar: to je skuplje od postera, pa samo pod uslovima 1, 2 i 5. Pregled je isključen i postera nema — tamni krug sa okvirom i ▶.

Kvalitet prema ekranu. Ako su za snimak spremne varijante od 360p do 1080p, vidžet uzima odgovarajuću: u kružiću — lakšu, u otvorenom prozoru — prema njegovoj širini. Varijanti nema — pušta se izvorni fajl.

Zvuk — samo posle gostovog pritiska. Pregledači ne daju da se zvuk uključi bez gesta, i mi to ne zaobilazimo.

Težina vidžeta — oko 20 KB u gzip-u (tag sa async). Fajlovi snimaka ne ulaze u tu težinu.


Šta posetilac vidi i šta se pri tom prikuplja#

Gost vidi kružić u izabranom uglu — sa posterom ili tihim pregledom, trajanjem snimka i natpisom ispod njega. Na klik (ili Enter / razmak sa tastature) otvara se prozor:

  • snimak sa zvukom i dugmetom „isključi zvuk“;
  • strelice ‹ › između snimaka, ako ih je više;
  • natpis i dugme akcije;
  • zatvaranje — iks, tasterom Esc ili klikom van prozora; fokus se vraća na kružić.

Na klik dugmeta akcije prozor kružića se zatvara, i otvara se susedni vidžet — dva prozora preko tuđe stranice bila bi ćorsokak. Mali iks na samom kružiću uklanja ga na zadati broj dana.

Ako u istom uglu već stoji naše dugme (multidugme, povratni poziv, porudžbina, rezervacija, termin, čet), kružić se podiže iznad njega, a pločice „Živog izloga“ — iznad kružića. Multidugme ne upija kružić: to nije kanal komunikacije.

Vidžet ne prikuplja lične podatke. Nema forme ni polja. Porudžbina, rezervacija ili termin, napravljeni preko dugmeta, stižu u iste odeljke kao i sa samih vidžeta — na primer, u „Porudžbine“. Sam kružić šalje samo anonimizovanu statistiku: prikaz, otvaranje, pregled sa zvukom duže od 3 sekunde, klik dugmeta po vrsti akcije (porudžbina, rezervacija, čet…) i zatvaranje. U njoj nema ni imena, ni kontakata, ni brojeva snimaka. Pregled se vidi na kartici vidžeta u „Moj sajt“.


Ograničenja#

  • Format je jedan — kružić u donjem uglu. Priča (stories), karusela i plejera ugrađenog u stranicu nema.
  • Snimak je samo video stavke menija ili kataloga. Nije moguće otpremiti „samo snimak“ odvojeno od kartice.
  • Linkovi na YouTube i TikTok nisu podržani: tuđi plejer postavlja svoje kolačiće (to je protiv banera pristanka) i teži je nego što dozvoljava ugovor o brzini.
  • Snimak koji se ne može reprodukovati se ne prikazuje: format koji pregledač ne reprodukuje, bez gotovih varijanti kvaliteta, ne dospeva u kružić. Kružić bez ijednog snimka koji se može reprodukovati ne pojavljuje se uopšte.
  • Na našem izlogu kružića nema — tamo video jela ionako stoji u njegovoj kartici. Kružić radi samo na vašem sopstvenom sajtu.
  • Dugmeta nema ako nema njegovog vidžeta: akcija vodi u susedni vidžet, i bez njega se dugme ne iscrtava.
  • Ne više od 6 snimaka u jednom kružiću.
  • Sistemski natpisi — četiri jezika (en, ru, ka, tr), ostali jezici — na engleskom.
  • AI generisanja snimka nema na cenaly.ru — tamo su snimci samo otpremljeni.

Rešavanje problema#

Kružića na sajtu nema.

  1. Oznaka nije pronađena — „Proveri instalaciju“. „Koda nema“ — oznaka nije ubačena ili ne stoji na svim stranicama šablona; „kod druge lokacije“ — tuđi data-domain. Oznaku postavlja GTM — provera je neće videti.
  2. Vidžet je isključen — prekidač na kartici „Video kružić“.
  3. Nije izabran nijedan snimak — bez snimaka se kružić ne iscrtava.
  4. Nijedan snimak se ne može reprodukovati — svi izabrani snimci imaju format koji pregledač ne reprodukuje, a varijanti kvaliteta nema. Otpremite u karticu stavke mp4 ili sačekajte obradu videa.
  5. Gost je zatvorio kružić iksom — on ćuti zadati broj dana (podrazumevano 7). Proveravajte u režimu incognito ili novom profilu pregledača.
  6. Uslovi prikaza su odsekli stranicu — proverite maske, uređaj, odlaganje i raspored.
  7. Izmene nisu stigle — podešavanja se dele preko CDN-a sa kešom do 5 minuta: sačekajte i osvežite stranicu.

Kružić postoji, a dugmeta ispod snimka nema. Vidžet u koji vodi dugme je isključen na sajtu (ili nije plaćen, ako je to proširenje) — uključite ga u „Moj sajt“. Za akciju „Dokument“ potreban je izabran dokument, za „Link“ — adresa http(s)://.

Kružić ne pušta pregled, samo poster. Tako je i zamišljeno, ako je pregled isključen, stranica se još učitava, kružić je van ekrana ili su kod gosta uključeni „smanji kretanje“ ili ekonomija saobraćaja. Proverite na drugom uređaju.

U prozoru piše „Video nedostupan“. Fajl snimka nije otpremljen: video je obrisan ili zamenjen u kartici stavke. Otvorite podešavanja kružića i izaberite snimak ponovo.

Zamenili ste video u kartici, a u kružiću je stari. Kružić čuva link na konkretan video stavke i njegove podatke u trenutku izbora. Izaberite snimak ponovo — isto tako, ako ste ga birali dok se video još obrađivao.

„Poruči“ otvara neko drugo jelo. Dugme „Poruči“ podrazumevano vodi na stavku čiji je to video; ako ste ručno menjali akciju, proverite izabranu stavku u podešavanjima dugmeta.


Česta pitanja#

Da li će kružić usporiti sajt?#

Vidžet teži oko 20 KB u gzip-u i učitava se sa async. Fajlovi snimaka se ne preuzimaju dok vidžet ne odluči da prikaže pregled — a pregled se pokreće samo posle učitavanja stranice i samo u vidljivom delu ekrana.

Može li se snimak otpremiti direktno u vidžet?#

Ne. Snimak je video stavke menija ili kataloga: otpremite ga u karticu stavke ili generišite iz fotografije jela (osim cenaly.ru), a u kružiću izaberite.

Šta će biti sa snimcima ako isključim kružić ili odem sa platforme?#

Sa vidžetom snimci ne nestaju: to su fajlovi vaših stavki menija, a kružić čuva samo linkove na njih. Isključili ste vidžet — video snimci ostaju u karticama jela. Kružić nema posebno skladište, iz njega nema šta da se prenosi.

Može li se ubaciti video sa YouTube ili TikTok?#

Ne. Tuđi plejer postavlja kolačiće i teži je nego što dozvoljava ugovor o brzini kružića.

Da li se zvuk uključuje sam?#

Ne. Pregled u kružiću je uvek bez zvuka, a sa zvukom snimak ide samo posle klika gosta.

Koliko snimaka može da se prikaže?#

Do šest u jednom kružiću. Gost ih lista strelicama; svaki ima svoj natpis i svoje dugme.

Da li će se kružić pojaviti na izlogu Cenaly?#

Ne. Na izlogu video jela ionako postoji u njegovoj kartici, pa kružić radi samo na vašem sopstvenom sajtu.

Šta ulazi u statistiku?#

Prikazi kružića, otvaranja, pregledi sa zvukom duže od 3 sekunde, klikovi dugmeta po vrstama akcija i zatvaranja — bez ličnih podataka i bez brojeva snimaka.


Povezane sekcije#

Was this article helpful?