Бейнешеңбер

«Бейнешеңбер» — сайтыңыздың төменгі бұрышындағы бейнеролигі бар дөңгелек қалқымалы виджет. Алдымен қонақ постерді немесе дыбыссыз үнсіз алдын ала қарауды көреді; басқан кезде бейнеролигі бар терезе ашылады — дыбысымен, жазуымен және әрекет түймесімен: «Тапсырыс беру», «Үстел брондау», «Жазылу», «Чатта сұрау» және басқалары.

Әдеттегі бейневиджеттерден басты айырмашылығы — мұнда бейнеролик жеке файл емес. Бұл — сіздің мәзіріңіздегі немесе каталогыңыздағы элементтің бейнесі, ол оның карточкасында тұр: сіз жүктеген немесе тағам фотосынан ЖИ жасаған. Виджеттің екінші бейне қоймасы жоқ, ал «Тапсырыс беру» түймесі тапсырыс виджетінде қонақ жаңа ғана көрген тағамды ашады.

Виджет тегін: жеке кеңейтімді сатып алудың қажеті жоқ.

Қайдан қосуға болады: Әкімші панелі → Маркетинг → «Менің сайтым» → «Бейнешеңбер» карточкасы. Қосқыш виджетті қосады, шестерня параметрлерді ашады.

Сайтқа орнату#

Өз кодыңыз қажет емес — «Менің сайтым» бөлімінің жалпы тегі жұмыс істейді:

<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>

Оның атрибуттары:

⚠️ Тегтегі атрибут кабинеттегі параметрден күштірек — басқа виджеттерде керісінше. Шеңберді көбіне бұрышын бөтен верстка алған бетке қояды, ал оны жылжытуды әкімшілікке кірмей-ақ сол бетті өңдеуші жасауы керек.

Орнатуды тексеру нені көреді, нені көрмейді. «Орнатуды тексеру» түймесі беттің бастапқы HTML кодын оқиды: ол жалпы жүктеушіні немесе шеңбердің жалғыз тегін, басқа локацияның кодын немесе оның жоқтығын табады. Google Tag Manager браузерде ендіретін тегті ол көрмейді — сайтты көзбен қараңыз.

Бейнероликтер қайдан алынады#

Шеңбердің бейнеролигі — мәзір немесе каталог элементінің бейнесі. «Виджетке арналған бейнеролик» деген жеке жүктеу жоқ, бұл әдейі: бір бейне дүкендегі тағам карточкасында да, сайттағы шеңберде де жұмыс істейді.

Элементте бейне пайда болуы үшін:

1. Элементті «Мәзір» бөлімінде (немесе тауарлар каталогында) ашып, оның медиасына бейне жүктеңіз.
2. Немесе тағам фотосынан ЖИ арқылы бейнеролик жасаңыз — тікелей карточкада. Жасау — тағам карточкасының өз шарттары бар функциясы; шеңбер ол үшін төлемейді. ⚠️ Yandex бұлтындағы брендтерде (cenaly.ru) бейне жасау жоқ — онда бейнероликті дайын күйінде жүктейді.
3. Бейне өңделгенше күтіңіз: платформа постер жасайды және қайда реттелген болса, 360p-тен 1080p-ке дейінгі сапа нұсқаларын жасайды.

Егер бірде-бір элементте бейне болмаса, шеңбер панелі солай айтады және мәзірге өтуді ұсынады — бейнероликсіз ойдан шығарылған алдын ала қарау болмайды.

⚠️ Файл форматы маңызды. Браузерлер mp4, webm және m4v форматтарын сенімді ойнатады. Басқа форматтағы бейнероликті (мысалы, iPhone-нан .mov, .avi, .mkv) шеңбер тек ол үшін сапа нұсқалары дайын болса ғана көрсетеді; әйтпесе ол шеңберге мүлде кірмейді — «бейне қолжетімсіз» болып ашылатын шеңбер жоқ шеңберден жаман.

Виджетті баптау#

Баптаулар өздігінен сақталады. Өрістердің жанында — алдын ала қарау: бірінші таңдалған роликтің постері бар дөңгелек және қолтаңба мен батырмасы бар ашылған терезе, қонақ көретін сөздермен бірдей.

Роликтер#

• Таңдау — таңдалған филиалдың бейнежазбасы бар элементтерінің тізімі. 6-ға дейін роликті белгілеп, оларды ретімен орналастырыңыз: қонақ осы ретпен оларды көрсеткілермен парақтайды.
• Қолтаңба — роликтің қысқа мәтіні (80 таңбаға дейін) қажетті тілдерде: дөңгелектің астында және ашылған терезеде.
• Әрекет батырмасы — қарағаннан кейін не істеу керек (төмендегі кестені қараңыз). Әдепкі бойынша — осы тағаммен «Тапсырыс беру».
• Батырма қолтаңбасы — әр тілде 40 таңбаға дейінгі өзіңіздің қолтаңбаңыз; бос — әрекет түрі бойынша стандартты қолтаңба.

Дөңгелектің баптауларында файлдың көшірмесі емес, элементтің бейнежазбасына сілтеме және таңдау сәтіндегі ролик деректері (формат, дайын сапа нұсқалары, постер, ұзақтық) сақталады.

Ролик астындағы батырма#

⚠️ Батырма көрші виджет арқылы жұмыс істейді. Егер ол апаратын виджет сізде өшірулі болса (немесе бұл жазылымы жоқ ақылы кеңейтім болса), сайтта батырма болмайды — қонақ роликті жай ғана көреді. Панель мұндай әрекеттерді алдын ала белгілейді, ал дөңгелек статистикасында бұл жеке себеп ретінде көрінеді.

Батырмалардың стандартты қолтаңбалары мен дөңгелектің қызметтік қолтаңбалары төрт тілде — ағылшын, орыс, грузин және түрік тілдерінде кіріктірілген; парақтың қалған тілдерінде олар ағылшынша. Өз қолтаңбаларыңызды кез келген тілде бересіз.

Сыртқы түрі#

«Жабылғаннан кейін көрсетпеу» — қонақ дөңгелекті крестикпен жапқаннан кейін ол қанша күн үнсіз тұрады. 0 — тек визиттің соңына дейін (браузер сессиясы).

Қашан көрсету керек#

Блок мультибатырмамен, кері қоңыраумен және «Тірі дүкенмен» ортақ: «тек қана…» және «…қоспағанда» парақ маскалары (әр тізімде 20-ға дейін, * = кез келген фрагмент, ерекшеліктер күштірек), 600 секундқа дейін кідіріс, құрылғы (барлығы · компьютерлер · телефондар), кесте — 14-ке дейін өз терезеңіз немесе филиалдың жұмыс уақыты.

⚠️ Сағаттар локацияның уақыт белдеуімен есептеледі; белдеу көрсетілмесе — терезелер келушінің уақытымен есептеледі.

Дөңгелек роликті қашан өзі ойнатады#

Бұл виджеттің басты ережесі — жылдамдық келісімі: дөңгелек алдын ала қарауды көрсетуге шешім қабылдамайынша, парақта роликке сілтемесі бар бірде-бір бейнеэлемент те, оның файлына бірде-бір сұраныс та жоқ. Қонақ бейнені емес, постерді жүктейді.

Тыныш алдын ала қарау (дыбыссыз, қайталанып) барлық шарттар орындалғанда ғана іске қосылады:

1. алдын ала қарау баптауларда өшірілмеген;
2. парақ қазірдің өзінде жүктелді — ролик сіздің контентіңізден арнаны тартып алмайды;
3. дөңгелек экранның көрінетін бөлігінде;
4. қонақта «қозғалысты азайту» (prefers-reduced-motion) қосылмаған;
5. қонақта трафикті үнемдеу (Save-Data) қосылмаған.

Әйтпесе дөңгелекте — роликтің постері. Постер жоқ болса (платформа оны әлі жасамаған немесе бейнені өңдеу бапталмаған) — дөңгелек бірінші кадрды көрсетеді: бұл постерден қымбатырақ, сондықтан тек 1, 2 және 5-шарттарда. Алдын ала қарау өшірулі және постер жоқ болса — жиегі мен ▶ бар қараңғы шеңбер.

Экранға сай сапа. Егер ролик үшін 360p-тен 1080p-ке дейінгі нұсқалар дайын болса, виджет сәйкесін таңдайды: дөңгелекте — жеңілі, ашылған терезеде — оның еніне сай. Нұсқалар жоқ болса — бастапқы файл ойнатылады.

Дыбыс — тек қонақ басқаннан кейін. Браузерлер дыбысты ымсыз қосуға рұқсат бермейді, біз оны айналып өтпейміз.

Виджеттің салмағы — gzip форматында шамамен 20 КБ (async тегімен). Ролик файлдары бұл салмаққа кірмейді.

Келуші не көреді және бұл ретте қандай деректер жиналады#

Қонақ таңдалған бұрыштағы дөңгелекті көреді — постермен немесе дыбыссыз алдын ала қараумен, ролик ұзақтығымен және астындағы жазумен. Басу арқылы (немесе пернетақтадан Enter / бос орын) терезе ашылады:

• ролик дыбысымен және «дыбысты өшіру» түймесімен;
• роликтер арасындағы ‹ › көрсеткілері, егер олар бірнешеу болса;
• жазу және әрекет түймесі;
• жабу — крестикпен, Esc пернесімен немесе терезеден тыс жерді басу арқылы; фокус дөңгелекке қайтады.

Әрекет түймесін басқанда дөңгелек терезесі жабылады және көрші виджет ашылады — бөтен беттің үстінде екі терезе тұйыққа әкелер еді. Дөңгелектің өзіндегі кішкентай крестик оны белгіленген күн санына жасырады.

Егер сол бұрышта біздің түймеміз (мультитүйме, кері қоңырау, тапсырыс, броньдау, жазылу, чат) тұрса, дөңгелек оның үстінен көтеріледі, ал «Тірі дүкеннің» плашкалары — дөңгелектің үстінен. Мультитүйме дөңгелекті жұтпайды: бұл байланыс арнасы емес.

Виджет дербес деректерді жинамайды. Оның формалары мен өрістері жоқ. Түйме арқылы жасалған тапсырыс, броньдау немесе жазылу виджеттердің өзінен келетіндей бөлімдерге түседі, мысалы, «Тапсырыстарға». Дөңгелектің өзі тек дербестендірілмеген статистиканы жібереді: көрсету, ашу, 3 секундтан ұзақ дыбысымен қарау, әрекет түрі бойынша түймені басу (тапсырыс, броньдау, чат…) және жабу. Онда атаулар да, байланыстар да, ролик нөмірлері де жоқ. Жиынтық «Менің сайтымдағы» виджет карточкасында көрінеді.

Шектеулер#

• Формат біреу — төменгі бұрыштағы дөңгелек. Стористер (stories), карусель және бетке ендірілген плеер жоқ.
• Ролик — тек мәзір немесе каталог элементінің бейнесі. Карточкадан бөлек «жай ролик» жүктеу мүмкін емес.
• YouTube және TikTok сілтемелері қолданылмайды: бөтен плеер өз cookies файлдарын орнатады (бұл келісім баннеріне қайшы) және жылдамдық келісімі рұқсат еткеннен ауыр.
• Ойнатылмайтын ролик көрсетілмейді: браузер ойнатпайтын формат, дайын сапа нұсқалары болмаса, дөңгелекке түспейді. Бірде-бір ойнатылатын ролигі жоқ дөңгелек мүлде пайда болмайды.
• Біздің дүкенде дөңгелек жоқ — онда тағам бейнесі өз карточкасында тұр. Дөңгелек тек сіздің жеке сайтыңызда жұмыс істейді.
• Түйме жоқ, егер оның виджеті болмаса: әрекет көрші виджетке апарады, онсыз түйме салынбайды.
• 6 роликтен аспайды бір дөңгелекте.
• Қызметтік жазулар — төрт тілде (en, ru, ka, tr), қалған тілдер — ағылшынша.
• Роликті ИИ-генерациялау cenaly.ru сайтында жоқ — онда роликтер тек жүктелген.

Ақаулықтарды жою#

Сайтта дөңгелек жоқ.

1. Тег табылмады — «Орнатуды тексеру». «Код жоқ» — тег қойылмаған немесе үлгінің барлық беттерінде тұрмаған; «код басқа локацияда» — бөтен data-domain. Тегті GTM қояды — тексеру оны көрмейді.
2. Виджет өшірулі — «Видеодөңгелек» карточкасындағы тумблер.
3. Бірде-бір ролик таңдалмаған — роликтерсіз дөңгелек салынбайды.
4. Бірде-бір ролик ойнатылмайды — барлық таңдалған роликтердің форматын браузер ойнатпайды, ал сапа нұсқалары жоқ. Элемент карточкасына mp4 жүктеңіз немесе бейненің өңделуін күтіңіз.
5. Қонақ дөңгелекті крестикпен жапқан — ол белгіленген күн саны үнсіз тұрады (әдепкі бойынша 7). Инкогнито терезесінде немесе браузердің жаңа профилінде тексеріңіз.
6. Көрсету шарттары бетті сүзгіден өткізбеді — маскаларды, құрылғыны, кідірісті және кестені тексеріңіз.
7. Өзгерістер жетпеді — параметрлер CDN арқылы 5 минутқа дейінгі кэшпен таратылады: күтіңіз де, бетті жаңартыңыз.

Дөңгелек бар, бірақ ролик астындағы түйме жоқ. Түйме апаратын виджет сайтта өшірулі (немесе бұл кеңейтім болса, төленбеген) — оны «Менің сайтымда» қосыңыз. «Құжат» әрекеті үшін таңдалған құжат қажет, «Сілтеме» үшін — http(s):// мекенжайы.

Дөңгелек алдын ала қарауды ойнатпайды, тек постерді көрсетеді. Алдын ала қарау өшірулі болса, бет әлі жүктеліп жатса, дөңгелек экраннан тыс болса немесе қонақта «қозғалысты азайту» не трафикті үнемдеу қосулы болса, бұл солай ойластырылған. Басқа құрылғыда тексеріңіз.

Терезеде «Бейне қолжетімсіз» деп жазылған. Ролик файлы жүктелмеді: бейне элемент карточкасында жойылған немесе ауыстырылған. Дөңгелек параметрлерін ашып, роликті қайта таңдаңыз.

Карточкадағы бейнені ауыстырдыңыз, ал дөңгелекте ескісі тұр. Дөңгелек нақты элемент бейнесіне сілтемені және оның таңдау сәтіндегі деректерін сақтайды. Роликті қайта таңдаңыз — бейне әлі өңделіп жатқанда таңдаған жағдайда да солай.

«Тапсырыс беру» басқа тағамды ашады. «Тапсырыс беру» түймесі әдепкі бойынша осы бейне тиесілі элементке апарады; егер әрекетті қолмен өзгертсеңіз, түйме параметрлеріндегі таңдалған элементті тексеріңіз.

Жиі қойылатын сұрақтар#

Дөңгелек сайтты баяулата ма?#

Виджет gzip түрінде шамамен 20 КБ салмақ тартады және async арқылы жүктеледі. Виджет алдын ала қарауды көрсетуге шешім қабылдамайынша, ролик файлдары жүктелмейді — ал алдын ала қарау бет жүктелгеннен кейін және тек экранның көрінетін бөлігінде ғана іске қосылады.

Роликті тікелей виджетке жүктеуге бола ма?#

Жоқ. Ролик — мәзір немесе каталог элементінің бейнесі: оны элемент карточкасына жүктеңіз немесе тағам фотосынан жасаңыз (cenaly.ru сайтынан басқа), содан кейін дөңгелекте таңдаңыз.

Дөңгелекті өшірсем немесе платформадан кетсем, роликтерге не болады?#

Виджетпен бірге роликтер жоғалмайды: бұл сіздің мәзір элементтеріңіздің файлдары, ал дөңгелек оларға тек сілтемелерді сақтайды. Виджетті өшірдіңіз — бейнелер тағам карточкаларында қалады. Дөңгелектің жеке қоймасы жоқ, одан көшіретін ештеңе жоқ.

YouTube немесе TikTok бейнесін қоюға бола ма?#

Жоқ. Бөтен плеер cookies файлдарын орнатады және дөңгелектің жылдамдық келісімі рұқсат еткеннен ауыр.

Дыбыс өзі қосыла ма?#

Жоқ. Дөңгелектегі алдын ала қарау әрқашан дыбыссыз, ал ролик дыбысымен тек қонақ басқаннан кейін ойнайды.

Қанша ролик көрсетуге болады?#

Бір дөңгелекте алтауға дейін. Қонақ оларды көрсеткілермен парақтайды; әрқайсысының өз жазуы және өз түймесі бар.

Дөңгелек Cenaly дүкенінде пайда бола ма?#

Жоқ. Дүкенде тағам бейнесі өз карточкасында бар, сондықтан дөңгелек тек сіздің жеке сайтыңызда жұмыс істейді.

Статистикаға не кіреді?#

Дөңгелекті көрсету, ашу, 3 секундтан ұзақ дыбысымен қарау, әрекет түрлері бойынша түймені басу және жабу — дербес деректерсіз және ролик нөмірлерінсіз.

Байланысты бөлімдер#

• Менің сайтым — орнату коды және қалған виджеттер
• Өз сайтыңызда онлайн тапсырыс — «Тапсырыс беру» түймесі қайда апарады
• Тірі дүкен — кружок жанындағы тапсырыс саны көрсетілген шынайы белгілер
• Көптүйме — барлық байланыс арналары бір түймеде
• Cookies және келісім — неге біз бөгде плеерлерді қоспаймыз