Multitugma

Multitugma — sayt burchagidagi bitta suzuvchi tugma boʻlib, bosilganda aloqa kanallari yelpigʻichi shaklida ochiladi: WhatsApp, Telegram, Viber, VK, ijtimoiy tarmoqlar, telefon, pochta, istalgan sizning havolangiz — va bizning vidjetlarimiz amallari («chatga yozish», «buyurtma berish», «yozilish»).

U sizning shaxsiy muammoingizni ham hal qiladi: har bir vidjet oʻz tugmasini xuddi shu pastki burchakda chizadi, chat, buyurtma va qayta qoʻngʻiroqni yoqsangiz, bir-birini turtib turgan tugmalar uyumi paydo boʻladi. Multitugma uyumni yoʻq qiladi — yutilgan vidjetlarning kanallari uning yelpigʻichida yashaydi, ularning shaxsiy tugmalari esa oʻchiriladi.

Vidjet bepul: alohida kengaytmani sotib olish shart emas.

Qayerdan yoqish: Admin-panel → Marketing → «Mening saytim» → «Multitugma» kartasi. Tumblr vidjetni yoqadi, shesternya sozlamalarni ochadi; «Yon panelga chiqarish» tugmasi vidjetga alohida menyu bandini beradi.

Saytga oʻrnatish#

Oʻz kodingiz talab qilinmaydi — «Mening saytim» boʻlimining umumiy tegi ishlaydi:

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

<head> ichida yoki </body> oldidan bitta qator; vidjetlar tarkibi keyin hisobingizdagi tumblerlar bilan belgilanadi. Platformalar boʻyicha koʻrsatmalar (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — Mening saytim maqolasida, «Mashhur platformalarda oʻrnatish» boʻlimi.

⚠️ Multitugma uchun yagona teg ayniqsa muhim. U qoʻshnilarini oʻziga yigʻadi — ammo faqat shu sahifada haqiqatan koʻtarilganlarini yutishi mumkin. Agar chat baʼzi sahifalarga, buyurtma esa boshqalariga qoʻyilgan boʻlsa, yelpigʻich ular uchun har xil boʻladi. Yagona yuklovchi vidjetlarni toʻgʻri tartibda koʻtaradi, multitugmani esa eng oxirida — qoʻshnilar allaqachon tayyor boʻlganda.

multibutton/v1.js alohida tegi ham bor («Ilgʻor» bloki), uning oʻz atributlari mavjud: data-color, data-icon (tugmadagi emoji), data-label, data-position="left|right", data-lang va data-keep-fabs="1" — qoʻshnilarning shaxsiy tugmalarini oʻchirmaslik. Teg atributi har doim hisobdagi sozlamadan ustun.

Oʻrnatishni tekshirish nimani koʻradi va nimani koʻrmaydi. «Oʻrnatishni tekshirish» tugmasi sahifaning manba HTMLini oʻqiydi: yagona yuklovchi topildi / faqat alohida teglar / boshqa lokatsiya kodi / kod yoʻq. Google Tag Manager tomonidan allaqachon brauzerda qoʻshiladigan tegni u koʻrmaydi — bu xato emas, saytni koʻz bilan tekshiring.

Vidjetni sozlash#

Sozlamalar o'z-o'zidan saqlanadi, alohida «Saqlash» tugmasi yo'q. Maydonlarning o'ng tomonida yelpig'ichning jonli ko'rinishi bor.

Tashqi ko'rinish#

Tugma rangi, undagi emoji-belgi, ekran burchagi va izoh (u ham ekran o'quv dasturlari uchun izoh hisoblanadi).

Yelpig'ich kanallari#

Ro'yxat konstruktori: qo'shish, o'chirish, ↑↓ bilan joyini almashtirish. Maksimum — 12 kanal. Uchta oila:

«Qo'llab-quvvatlashga yozish» bandi chat oynasining «Murojaatlar» varag'ini ochadi — murojaatlar uchun alohida tugma yo'q, shuning uchun band chat yoqilgan bo'lganda mavjud. Agar filialda murojaatlar o'chirilgan bo'lsa, u oddiy chatni ochadi va konstruktor buni bandning yonida ko'rsatib qo'yadi.

Har bir kanalda izoh (saytning har bir tili uchun alohida) va qayerda ko'rsatish belgisi bor: hamma joyda · faqat kompyuterlarda · faqat telefonlarda.

Birinchi xabar qoralamasi WhatsApp va Telegramda mavjud: mehmon allaqachon yozilgan holda topadigan matn. {url} va {title} o'rinbosarlarini qo'llab-quvvatlaydi — bosilgan o'sha sahifaning manzili va sarlavhasi (chizish paytida emas, bosish paytida qo'yiladi). Maksimum — 300 belgi.

Taklif bulutchasi#

Tugma yonidagi qisqa ibora («Savolingiz bormi?») — mehmonni bosishga chorlaydigan narsa: burchakdagi jim tugmani shunchaki sezmaydilar. Matn har bir til uchun alohida belgilanadi, bo'sh matn bulutcha umuman yo'qligini bildiradi.

Bulutcha paydo bo'lishidan oldingi kechikish va ko'rsatishlar orasidagi tanaffus sozlanadi. Tanaffus saytga emas, mehmonga hisoblanadi: ko'rsatilganlik belgisi uning brauzerida saqlanadi, shuning uchun taklif har bir tashrifning har bir sahifasida chiqib ketadigan bannerga aylanmaydi.

«Hozir ochiq» satri#

Ochilgan yelpig'ichning sarlavhasida ish vaqti haqida bitta satr: «22:00 gacha ochiq», «Yopiq · 10:00 da ochamiz», «Yopiq · dushanba kuni 10:00 da ochamiz». Soatlar filial kartochkasidan (jadval istisnolar bilan birga) olinadi — vidjet sozlamalarida nusxasi ataylab yo'q.

Ikkita qiymat: avto (standart — soatlar to'ldirilgan bo'lsa, satr bor) va ko'rsatmaslik. Holat yelpig'ich har ochilganda qayta hisoblanadi, sahifa yuklanganda bir marta emas: tugma sahifada soatlab turadi va 22:30 da «22:00 gacha ochiq» — qolgan hamma narsaga ham ishonch yo'qolishiga sabab bo'ladigan aynan o'sha yolg'on. Filialda soatlar to'ldirilmagan bo'lsa — satr umuman yo'q (muassasani o'z saytida yopiq deb e'lon qilish mumkin emas).

Qachon ko'rsatish#

Blok qayta qo'ng'iroq va «Jonli do'kon» bilan umumiy:

• sahifalar — «faqat ...da» va «...dan tashqari» manzil maskalari, * = istalgan fragment, har bir ro'yxatda 20 tagacha maska; istisnolar ruxsatlardan kuchliroq;
• kechikish — sahifa yuklangandan keyin 0…600 sekund;
• qurilma — hammasi · faqat kompyuterlar · faqat telefonlar (chegara — 480 px);
• jadval — 14 tagacha o'z oynasi «kunlar + ...dan ...gacha» yoki filialning ish soatlari.

⚠️ Soatlar lokatsiya vaqt mintaqasida hisoblanadi; agar filialda mintaqa belgilanmagan bo'lsa, oynalar tashrif buyuruvchining vaqti bo'yicha hisoblanadi va panel buni ochiq aytadi. Agar «filialning ish soatlari» tanlangan bo'lsa-yu, jadval to'ldirilmagan bo'lsa, jadval hech narsani cheklamaydi va tugma ko'rinib turadi. Bo'sh o'z oynalari ro'yxati esa, aksincha, «hech qachon ko'rsatmaslik»ni bildiradi.

Yelpig'ich tarkibi har ochilganda qayta hisoblanadi: ko'rsatishlar orasida mehmon telefonini ham aylantirib ulguradi, tugma bo'lmasligi kerak bo'lgan sahifaga ham o'tib ulguradi.

Telefonda joylashuv#

«📱 Telefonda joylashuv» bo'limi: dumaloq tugma (standart) yoki pastki bar — izohlari bilan birinchi to'rt kanaldan iborat chiziq va qolganlarini parda ostida ochadigan «Yana» tugmasi. Keng ekranda doim yelpig'ich; telefonni aylantirish joylashuvni darhol o'zgartiradi. Ko'rinishda «barda / "Yana" ostida» haqiqiy chegarasi va «barga M dan N tasi tushadi» satri ko'rinadi.

Bar begona sahifada o'zini ehtiyotkor tutadi: pastda begona qotirilgan panel bo'lsa, uning ustiga joylashadi, pastga varaqlaganda ketadi va yuqoriga varaqlaganda qaytadi, iPhone xavfsiz zonasini hurmat qiladi va kanallar qolmasa butunlay yo'qoladi.

Bizning do'konda ham ko'rsatish#

Alohida tumbler (standart — o'chirilgan). Multitugma bunday sozlamaga ega yagona vidjet va sababi halollikda: bizning do'konda u nativ tugmalarni yutadi — chat pufakchasi va qayta qo'ng'iroq trubkasini, — ya'ni siz allaqachon sozlagan ekran burchagini o'zgartiradi. Bunday narsa siz uchun jimgina yoqilmaydi.

Bosilgandan keyin nima sodir boʻladi#

Mehmon yelpigʻichni ochadi va kanalni tanlaydi:

• messenger, ijtimoiy tarmoq yoki sizning havolangiz — yangi varaqda ochiladi; yozishmalar kanal olib boradigan joyda davom etadi. Agar kanalga xabar andozasi oʻrnatilgan boʻlsa, mehmonning maydoni allaqachon toʻldirilgan boʻladi;
• telefon va pochta — joriy varaqda qurilmaning standart ilovasi orqali ochiladi (aks holda brauzer shu yerda boʻsh oynani ochib, darhol yopardi);
• bizning vidjetimiz amali — ayni shu sahifada chat, qayta qoʻngʻiroq shakli, savat, bron yoki uchrashuv ochiladi. Maʼlumotlar odatdagidek joyga tushadi: yozishmalar — «Chat»ga, buyurtma — «Buyurtmalar»ga, bron — «Stollar»ga, uchrashuv — «Yozuvlar»ga, qayta qoʻngʻiroq raqami — «Arizalar»ga.

Multiknopka oʻz maʼlumotlarini yigʻmaydi: u faqat mehmonni kanalga yetkazadi. U hisoblaydigan narsa — bu kliklar, va ular uning panelida «30 kunlik kliklar» blokida koʻrinadi: tugma necha marta koʻrsatilgani, yelpigʻich necha marta ochilgani va har bir kanalga nechta bosish toʻgʻri kelgani. Bu statistikada na kanal manzili, na xabar matni, na mehmon sahifasi bor — faqat kanal turi va soni.

Cheklovlar#

• Boʻsh yelpigʻich = vidjet yoʻq. Birorta kanal belgilanmaguncha tugma umuman chizilmaydi: begona saytning burchagidagi boʻsh tugma uning yoʻqligidan yomonroq.
• Kanallar 12 tadan koʻp emas, andoza matni — 300 belgidan uzun emas.
• Amal-kanal faqat vidjetning oʻzi ishlab turganda yashaydi. Chatni oʻchirsangiz, «Chatni ochish» bandi birinchi saqlashdayoq sozlamalardan yoʻqoladi va oʻz-oʻzidan qaytmaydi, uni qaytadan qoʻshish kerak. Ish vaqtida multiknopka ham har bir ochishdan oldin qoʻshnisini tekshiradi: koʻtarilmagan boʻlsa — band boʻlmaydi, orqasida hech narsa yoʻq tugma qolmasligi uchun.
• Qoʻshnilarning tugmalarini yutish — vizual. Multiknopka ularning suzuvchi tugmalarini yashiradi, lekin vidjetlarning oʻzlari ishlashda davom etadi; yutishni bitta tegda data-keep-fabs="1" atributi bilan oʻchirish mumkin.
• Xabar andozasi — faqat WhatsApp va Telegramda. Boshqa kanallarda maydon eʼtiborga olinmaydi: WhatsAppda oldindan toʻldirish hujjatlashtirilgan, Telegramda mijozlar uni turlicha qoʻllab-quvvatlaydi, qolganlari esa umuman qoʻllab-quvvatlamaydi. Juda uzun sahifa manzili almashtirilmasdan beriladi — ishlaydigan havola matndan muhimroq.
• Faqat xavfsiz manzillarga ruxsat beriladi: https, http, tel, mailto va viber. Qolgan hammasi tashlab yuboriladi — ham hisobdagi koʻrib chiqishda, ham saytda, chunki tekshiruv bitta.
• Bizning doʻkonimizda multiknopka faqat alohida tumbler bilan koʻrsatiladi, uning yelpigʻichidagi «brauzerdan qoʻngʻiroq» bandi esa u yerda umuman yashamaydi: doʻkonda uning uchun oyna yoʻq.
• «Hozir ochiq» satri jadvalni almashtirmaydi. U soatlarni filial kartochkasidan oʻqiydi; toʻldirilmagan boʻlsa — satr boʻlmaydi, lekin tugma qoladi.

Nosozliklarni bartaraf etish#

Saytda tugma yoʻq.

1. Teg topilmadi — «Oʻrnatishni tekshirish». «Kod yoʻq» — teg qoʻyilmagan yoki shablonning hamma sahifalarida turmagan; «boshqa lokatsiya kodi» — tegda begona data-domain. Tegni GTM qoʻyadi — tekshiruv uni koʻrmaydi.
2. Oʻzgarishlar yetib kelmadi — vidjet fayllari CDN orqali 5 daqiqa kesh bilan tarqatiladi: kuting va sahifani keshni tozalab yangilang.
3. Vidjet oʻchirilgan yoki kanallar roʻyxati boʻsh — boʻsh yelpigʻich chizilmaydi.
4. Koʻrsatish shartlari sahifani kesib tashladi — maskalarni (istisnolar ruxsatlardan kuchliroq), qurilma va kechikishni tekshiring.
5. Jadval yopiq — hozir oynadan tashqarida. Oʻz oynalaringizni yoki filial kartochkasidagi jadvalni tekshiring.
6. Filialning vaqt mintaqasi belgilanmagan — unda oynalar tashrif buyuruvchining soatlari boʻyicha hisoblanadi va tugma siz kutgandan boshqa paytda paydo boʻladi.

Yelpigʻichda band yetishmayapti.

• Amal bandi yoʻqoldi — tegishli vidjet oʻchirilgan: uni yoqing va kanalni qaytadan qoʻshing, u oʻz-oʻzidan qaytmaydi;
• band «faqat telefonlar uchun» deb belgilangan (yoki aksincha) — kanaldagi qurilma filtri ishlagan;
• qoʻshni koʻtarilib ulgurmadi (sekin tarmoq, sahifangizning xavfsizlik cheklovlari) — sahifani yangilang; doimiy ravishda bittalab tegish oʻrniga yagona teg yordam beradi.

Burchakda hamon ikkita tugma. Demak, qoʻshnining yelpigʻichida tegishli amal bandi yoʻq: faqat amallari yelpigʻichda yotgan vidjetlar yutiladi. Kerakli bandni qoʻshing. Teskari holat — qoʻshnining tugmasi kerak emas, yutish esa data-keep-fabs="1" atributi bilan oʻchirilgan: atributni olib tashlang.

Telefonda bar begona panelni yopadi. Bar pastdagi begona qatʼiy chiziqni oʻzi qidiradi va uning ustiga turadi, yuklangandan keyin oʻlchovni bir necha marta takrorlaydi. Agar begona panel juda kech paydo boʻlsa, dumaloq tugmaga oʻting — u sahifa pastining belgilanishida qatnashmaydi.

Bulutcha koʻrsatilmaydi. Matn sahifa tiliga belgilanganini va koʻrsatishlar orasidagi belgilangan pauza oʻtmaganini tekshiring — u aniq bir mehmon uchun, uning brauzerida hisoblanadi.

Statistika boʻsh. Kliklar bittalab emas, toʻplamlar bilan va kechikish bilan yuboriladi; hisoblagich 30 kunni koʻrsatadi va mehmonlar bosgani sari toʻladi.

Koʻp tugmali vidjet#

Bu qancha turadi?#

Hech nima. Koʻp tugmali vidjet bepul va alohida kengaytmani talab qilmaydi — uni mustaqil mahsulot sifatida sotadigan oʻxshashlaridan farqli oʻlaroq.

Nechta kanal qoʻshish mumkin?#

Oʻn ikkitagacha. Tartibni siz ↑↓ strelkalari bilan belgilaysiz va u telefonda pastki panelga qaysi toʻrtta kanal tushishini ham belgilaydi.

Messenjerlardan kelgan murojaatlar qayerga tushadi?#

Kanal qayerga olib borsa, oʻsha yerga: WhatsApp — WhatsApp’ga, Telegram — Telegram’ga. Agar yozishmalarni hisobingizda koʻrishni istasangiz, bu kanallarni «Chat» boʻlimida ulang — shunda xabarlar umumiy indoksga keladi, yelpigʻichga esa «Chatni ochish» bandini qoʻyish mumkin.

Koʻp tugmali vidjet boshqa vidjetlarning tugmalarini yashiradimi?#

Ha, uning maʼnosi ham shu: harakatlari uning yelpigʻichida boʻlgan vidjetlarning tugmalari oʻchiriladi, burchakda toʻp-toʻp tugmalar tiqilib turmasligi uchun. Vidjetlarning oʻzi ishlashda davom etadi, yakka tegda esa xatti-harakat data-keep-fabs="1" atributi bilan oʻchiriladi.

Telefonda va kompyuterda turli kanallarni koʻrsatish mumkinmi?#

Ha, har bir kanalda «qayerda koʻrsatish» belgisi bor: hamma joyda, faqat kompyuterlarda yoki faqat telefonlarda. Yelpigʻich tarkibi har ochilganda qayta hisoblanadi, shuning uchun telefonning burilishi darhol hisobga olinadi.

Agar mehmon noutbukdan «WhatsApp’ga yozish»ni bossa nima boʻladi?#

Brauzerda messenjerning veb-versiyasi yangi varaqda ochiladi — agar siz tayyor matn kiritgan boʻlsangiz, u allaqachon qoʻyilgan boʻladi.

«22:00 gacha ochiq» satri soatni qayerdan oladi?#

Filial kartochkasidan — mehmon doʻkonda koʻradigan istisnoli oʻsha jadvaldan. Vidjetda soatlar alohida kiritilmaydi, ikki xil maʼlumot bir-biriga zid boʻlib qolmasligi uchun. Agar jadval toʻldirilmagan boʻlsa, satr umuman koʻrinmaydi.

Yelpigʻich qaysi tilda gapiradi?#

Kanal yozuvlari va bulutchani tillar boʻyicha oʻzingiz belgilaysiz; sahifa tilini vidjet uning belgilanishidan (yoki data-lang atributidan) aniqlaydi. «Hozir ochiq» satridagi hafta kuni nomi brauzerdan sahifa tilida olinadi.

Tegishli boʻlimlar#

• Mening saytim — oʻrnatish kodi va qolgan oʻn bitta vidjet
• Mehmonlar bilan chat — sayt va messenjerlarning yagona indoksi
• Qayta qoʻngʻiroq — «menga qoʻngʻiroq qiling» shakli va avtomatik qoʻngʻiroq
• Saytdan qoʻngʻiroq — toʻgʻridan-toʻgʻri brauzerdan suhbat
• Oʻz saytingizda onlayn buyurtma — saytingiz ustida savat va rasmiylashtirish