वीडियो सर्कल

«वीडियो सर्कल» — आपकी वेबसाइट के निचले कोने में रोल वाला गोल फ़्लोटिंग विजेट। पहले मेहमान को पोस्टर या बिना आवाज़ का शांत प्रीव्यू दिखता है; क्लिक करने पर रोल वाली विंडो खुलती है — आवाज़ के साथ, कैप्शन और एक्शन बटन के साथ: «ऑर्डर करें», «टेबल बुक करें», «अपॉइंटमेंट लें», «चैट में पूछें» और अन्य।

आम वीडियो विजेट से मुख्य अंतर — यहाँ रोल कोई अलग फ़ाइल नहीं है। यह आपके मेन्यू या कैटलॉग के आइटम का वीडियो है, जो पहले से उसके कार्ड में मौजूद है: आपके द्वारा अपलोड किया गया या व्यंजन की फ़ोटो से AI द्वारा बनाया गया। विजेट के पास वीडियो का दूसरा भंडार नहीं है, और «ऑर्डर करें» बटन विजेट में वही व्यंजन खोलता है जो मेहमान ने अभी देखा था।

विजेट मुफ़्त है: अलग एक्सटेंशन खरीदने की ज़रूरत नहीं।

कहाँ चालू करें: एडमिन पैनल → मार्केटिंग → «मेरा साइट» → «वीडियो सर्कल» कार्ड। टॉगल विजेट चालू करता है, गियर सेटिंग्स खोलता है।

साइट पर इंस्टॉलेशन#

अपना कोड ज़रूरी नहीं — «मेरा साइट» सेक्शन का सामान्य टैग काम करता है:

<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. या कार्ड में ही व्यंजन की फ़ोटो से AI द्वारा रोल बनवाएँ। जनरेशन — व्यंजन कार्ड की सुविधा है, अपनी शर्तों के साथ; सर्कल इसके लिए भुगतान नहीं करता। ⚠️ 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 KB (async वाला टैग)। रोलर की फ़ाइलें इस वज़न में नहीं आतीं।

आगंतुक क्या देखता है और इस दौरान क्या एकत्र किया जाता है#

मेहमान चुने गए कोने में एक गोला देखता है — पोस्टर या बिना आवाज़ वाले प्रीव्यू के साथ, रोलिक की अवधि और उसके नीचे कैप्शन। क्लिक करने पर (या कीबोर्ड से Enter / स्पेस) एक विंडो खुलती है:

• रोलिक आवाज़ के साथ और “आवाज़ बंद करें” बटन के साथ;
• रोलिक के बीच तीर ‹ ›, अगर एक से ज़्यादा हों;
• कैप्शन और एक्शन बटन;
• बंद करें — क्रॉस से, Esc कुंजी से या विंडो के बाहर क्लिक करके; फ़ोकस गोले पर वापस आ जाता है।

एक्शन बटन दबाने पर गोले की विंडो बंद हो जाती है, और पड़ोसी विजेट खुलता है — किसी और की पेज पर दो विंडो एक साथ एक गतिरोध होता। गोले पर ही छोटा क्रॉस उसे तय दिनों की संख्या के लिए हटा देता है।

अगर उसी कोने में पहले से हमारा बटन है (मल्टीबटन, कॉलबैक, ऑर्डर, बुकिंग, अपॉइंटमेंट, चैट), तो गोला उसके ऊपर उठ जाता है, और “लाइव स्टोरफ्रंट” की पट्टियाँ गोले के ऊपर। मल्टीबटन गोले को निगल नहीं लेता: यह संपर्क का चैनल नहीं है।

विजेट व्यक्तिगत डेटा एकत्र नहीं करता। इसमें कोई फ़ॉर्म और फ़ील्ड नहीं हैं। बटन से किए गए ऑर्डर, बुकिंग या अपॉइंटमेंट उन्हीं सेक्शनों में आते हैं जिनमें विजेट से आते हैं — उदाहरण के लिए, “ऑर्डर” में। गोला स्वयं केवल अनामित आँकड़े भेजता है: दिखावट, खुलना, 3 सेकंड से ज़्यादा आवाज़ के साथ देखना, क्रिया के प्रकार के अनुसार बटन दबाना (ऑर्डर, बुकिंग, चैट…) और बंद करना। इसमें न नाम, न संपर्क, न रोलिक के नंबर होते हैं। सारांश “मेरा साइट” में विजेट के कार्ड पर दिखता है।

सीमाएँ#

• फ़ॉर्मैट एक ही है — निचले कोने में गोला। स्टोरीज़ (stories), कैरोसेल और पेज में एम्बेड किया गया प्लेयर नहीं है।
• रोलिक — केवल मेनू या कैटलॉग आइटम का वीडियो। कार्ड से अलग “सिर्फ़ रोलिक” अपलोड नहीं किया जा सकता।
• YouTube और TikTok के लिंक समर्थित नहीं हैं: किसी और का प्लेयर अपनी cookies सेट करता है (यह सहमति बैनर के ख़िलाफ़ है) और स्पीड कॉन्ट्रैक्ट की अनुमति से भारी है।
• न चलने वाला रोलिक नहीं दिखाया जाता: जिस फ़ॉर्मैट को ब्राउज़र नहीं चलाता, बिना तैयार क्वालिटी विकल्पों के, वह गोले में नहीं आता। एक भी चलने वाले रोलिक के बिना गोला बिल्कुल नहीं दिखता।
• हमारे स्टोरफ्रंट पर गोला नहीं है — वहाँ व्यंजन का वीडियो उसके कार्ड में पहले से होता है। गोला केवल आपकी अपनी साइट पर काम करता है।
• बटन नहीं है, अगर उसका विजेट नहीं है: क्रिया पड़ोसी विजेट में ले जाती है, और उसके बिना बटन नहीं बनता।
• एक गोले में 6 से ज़्यादा रोलिक नहीं।
• सेवा कैप्शन — चार भाषाएँ (en, ru, ka, tr), बाक़ी भाषाएँ — अंग्रेज़ी में।
• cenaly.ru पर AI से रोलिक जनरेट नहीं होता — वहाँ रोलिक केवल अपलोड किए हुए होते हैं।

समस्या निवारण#

साइट पर गोला नहीं है।

1. टैग नहीं मिला — “इंस्टॉलेशन जाँचें”। “कोड नहीं है” — टैग डाला नहीं गया या टेम्पलेट के सभी पेजों पर नहीं है; “कोड दूसरी लोकेशन का है” — किसी और का data-domain। टैग GTM डालता है — जाँच उसे नहीं देखेगी।
2. विजेट बंद है — “वीडियोगोला” कार्ड पर टॉगल।
3. कोई रोलिक नहीं चुना गया — रोलिक के बिना गोला नहीं बनता।
4. कोई भी रोलिक चलने योग्य नहीं है — सभी चुने गए रोलिक का फ़ॉर्मैट ऐसा है जिसे ब्राउज़र नहीं चलाता, और क्वालिटी विकल्प नहीं हैं। आइटम के कार्ड में mp4 अपलोड करें या वीडियो प्रोसेसिंग का इंतज़ार करें।
5. मेहमान ने क्रॉस से गोला बंद कर दिया — वह तय दिनों की संख्या (डिफ़ॉल्ट 7) तक चुप रहता है। इनकॉग्निटो विंडो या ब्राउज़र के नए प्रोफ़ाइल में जाँचें।
6. दिखाने की शर्तों ने पेज को काट दिया — मास्क, डिवाइस, देरी और शेड्यूल जाँचें।
7. बदलाव पहुँचे नहीं — सेटिंग्स CDN से 5 मिनट तक के कैश के साथ बाँटी जाती हैं: इंतज़ार करें और पेज रीफ़्रेश करें।

गोला है, पर रोलिक के नीचे बटन नहीं है। जिस विजेट में बटन ले जाता है, वह साइट पर बंद है (या भुगतान नहीं हुआ, अगर यह एक्सटेंशन है) — उसे “मेरा साइट” में चालू करें। “दस्तावेज़” क्रिया के लिए चुना गया दस्तावेज़ चाहिए, “लिंक” के लिए — http(s):// पता।

गोला प्रीव्यू नहीं चलाता, केवल पोस्टर। ऐसा जान-बूझकर है, अगर प्रीव्यू बंद है, पेज अभी लोड हो रहा है, गोला स्क्रीन के बाहर है या मेहमान के पास “मोशन कम करें” या ट्रैफ़िक बचत चालू है। किसी दूसरे डिवाइस पर जाँचें।

विंडो में लिखा है “वीडियो उपलब्ध नहीं”। रोलिक की फ़ाइल लोड नहीं हुई: आइटम के कार्ड में वीडियो हटा दिया गया या बदल दिया गया। गोले की सेटिंग्स खोलें और रोलिक फिर से चुनें।

कार्ड में वीडियो बदला, पर गोले में पुराना है। गोला आइटम के किसी ख़ास वीडियो का लिंक और चुनने के समय का उसका डेटा रखता है। रोलिक फिर से चुनें — वैसे ही, अगर आपने उसे तब चुना था जब वीडियो अभी प्रोसेस हो रहा था।

“ऑर्डर करें” ग़लत व्यंजन खोलता है। “ऑर्डर करें” बटन डिफ़ॉल्ट रूप से उस आइटम पर ले जाता है जिसका यह वीडियो है; अगर आपने क्रिया मैन्युअल रूप से बदली है, तो बटन की सेटिंग्स में चुना गया आइटम जाँचें।

अक्सर पूछे जाने वाले सवाल#

क्या गोला साइट को धीमा करेगा?#

विजेट gzip में लगभग 20 KB का होता है और async से लोड होता है। रोलिक की फ़ाइलें तब तक डाउनलोड नहीं होतीं जब तक विजेट प्रीव्यू दिखाने का फ़ैसला न करे — और प्रीव्यू पेज लोड होने के बाद ही और केवल स्क्रीन के दिखने वाले हिस्से में शुरू होता है।

क्या रोलिक सीधे विजेट में अपलोड किया जा सकता है?#

नहीं। रोलिक मेनू या कैटलॉग आइटम का वीडियो है: उसे आइटम के कार्ड में अपलोड करें या व्यंजन की फ़ोटो से जनरेट करें (cenaly.ru को छोड़कर), और गोले में चुनें।

अगर मैं गोला बंद कर दूँ या प्लेटफ़ॉर्म छोड़ दूँ तो रोलिक का क्या होगा?#

विजेट के साथ रोलिक ग़ायब नहीं होते: ये आपके मेनू आइटम की फ़ाइलें हैं, और गोला केवल उनके लिंक रखता है। विजेट बंद किया — वीडियो व्यंजनों के कार्ड में बने रहते हैं। गोले का अलग स्टोरेज नहीं है, उससे कुछ भी ले जाने की ज़रूरत नहीं।

क्या YouTube या TikTok का वीडियो डाला जा सकता है?#

नहीं। किसी और का प्लेयर cookies सेट करता है और गोले के स्पीड कॉन्ट्रैक्ट की अनुमति से भारी है।

आवाज़ अपने आप चालू हो जाती है?#

नहीं। गोले में प्रीव्यू हमेशा बिना आवाज़ के होता है, और रोलिक आवाज़ के साथ केवल मेहमान के क्लिक करने के बाद चलता है।

कितने रोलिक दिखाए जा सकते हैं?#

एक गोले में छह तक। मेहमान उन्हें तीरों से पलटता है; हर एक का अपना कैप्शन और अपना बटन है।

क्या गोला Cenaly के स्टोरफ्रंट पर दिखेगा?#

नहीं। स्टोरफ्रंट पर व्यंजन का वीडियो उसके कार्ड में पहले से होता है, इसलिए गोला केवल आपकी अपनी साइट पर काम करता है।

आँकड़ों में क्या आता है?#

गोले की दिखावटें, खुलना, 3 सेकंड से ज़्यादा आवाज़ के साथ देखना, क्रिया के प्रकार के अनुसार बटन दबाना और बंद करना — बिना व्यक्तिगत डेटा और बिना रोलिक के नंबरों के।

संबंधित अनुभाग#

• मेरी वेबसाइट — इंस्टॉलेशन कोड और अन्य विजेट
• अपनी वेबसाइट पर ऑनलाइन ऑर्डर — “ऑर्डर करें” बटन कहाँ ले जाता है
• लाइव स्टोरफ्रंट — विजेट के पास ऑर्डर की संख्या वाली सच्ची प्लेटें
• मल्टीबटन — सभी संपर्क चैनल एक ही बटन में
• Cookies और सहमति — हम दूसरों के प्लेयर क्यों नहीं लगाते