Менің сайтым: өз сайтыңыздағы виджеттер

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

Ашылады: Әкімші панелі → Маркетинг → «Менің сайтым» (admin.cenaly.com).

<script> қоюға болатын кез келген платформада жұмыс істейді: WordPress, Tilda, Wix, Shopify, Webflow, Bitrix, InSales, OpenCart, өз қолмен жазылған сайт, конструктордың қонатын беті.

Сайт мекенжайы және орнату коды#

Бөлімнің тақырыбындағы «🌐 Сіздің сайтыңыз» блогы үш қадаммен жүргізеді: мекенжай → сайттағы код → тексеру, ал басты түйме әрқашан келесі жабылмаған қадамды ұсынады. Біріншісі — сайтыңыздың мекенжайы (мысалы, example.com): ол бойынша біз орнатуды тексереміз және виджеттердегі дұрыс сілтемелерді құрамыз.

Екіншісі — орнату коды. Бұл бір жол:

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

Оны бір рет қойыңыз — <head> ішіне немесе </body> алдына. Сайт кодына қайта оралудың қажеті жоқ: виджеттердің құрамы кабинеттегі тумблерлермен беріледі, беттегі тегтермен емес. Виджетті қостыңыз — ол бірнеше минут ішінде сайтта пайда болады, өшірдіңіз — жоғалады.

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

Танымал платформаларға орнату#

«Орнату коды» терезесінде әр платформаға арналған қойынды бар — ондағы қадамдар төмендегідей.

Мұнда әр платформаның өз якорі бар, сілтемені сайтты өңдейтін адамға мазмұндап айтудың орнына жіберуге болады: #html, #google-tag-manager, #wordpress, #tilda, #wix, #shopify, #webflow, #squarespace — мысалы, /ru/docs/site-widgets#tilda.

Әр тармақта қайталамау үшін барлық платформаға ортақ ережелер:

• тег бүкіл сайтқа бір рет қойылады — жеке бетке емес, жалпы үлгіге;
• конструкторларда (Tilda, Wix, Webflow, Squarespace) түзету сайт қайта жарияланғанша редакторда тұрады;
• редактордың алдын ала қарауын емес, жұмыс істеп тұрған сайтты тексеру керек;
• сайттың алдында кэш немесе CDN тұрса, оны тазалаңыз: келушіге де, біздің тексеруге де тегсіз сақталған бет көшірмесі берілуі мүмкін;
• орнатуды тексеру нені көрмейтіні — төменде жеке талдау.

HTML#

Үлгісіне қол жеткізе алатын кез келген сайт: өз қолмен жазылған, қонатын бет, статикалық генератор.

1. Код жолын көшіріңіз: Маркетинг → «Менің сайтым».
2. Оны сайттың жалпы үлгісінің <head> ішіне немесе </body> алдына қойыңыз.
3. Жалпы үлгі жоқ болса (беттер — жеке файлдар), әр бетке қойыңыз.
4. Өзгерістерді серверге жүктеп, сайтты ашып, «Орнатуды тексеру» түймесін басыңыз.

Google Tag Manager#

Үлгіге қол жеткізу жоқ, бірақ сайтта GTM бұрыннан тұрған жағдайда қолайлы.

1. Теги → Создать → түрі «Пользовательский HTML».
2. Код жолын қойыңыз, триггер — «Все страницы», сақтаңыз.
3. «Опубликовать» түймесін басыңыз: контейнер нұсқасы жарияланбайынша, жұмыс істеп тұрған сайтта тег жоқ.

⚠️ GTM арқылы көтерілген тегті біздің «Орнатуды тексеру» ешқашан көрмейді — бұл қате емес, әдістің салдары: «Орнатуды тексеру нені көрмейді». Сайтты ашып, көзбен қараңыз.

WordPress#

1. WordPress консолі (сіздің-сайтыңыз/wp-admin), әкімші құқығы қажет.
2. Сенімді жол: Плагины → Добавить → header/footer ішіне код қоятын кез келген плагин → оның параметрлерінде жолды Header өрісіне қойыңыз → сақтаңыз.
3. Плагинсіз жол: Внешний вид → Редактор файлов темы → header.php (жабылатын </head> алдында) немесе footer.php (жабылатын </body> алдында) → «Обновить файл».
4. Сайтты ашып, «Орнатуды тексеру» түймесін басыңыз.

⚠️ Негізгі тақырыптың файлдарын түзету ол жаңартылғанда жоғалады — бұл туралы WordPress құжаттамасы да ескертеді. Код қоятын плагин немесе еншілес тақырып жаңартудан аман қалады. Кэштеуші плагин (W3 Total Cache, WP Rocket және т.б.) тұрса, кэшті тазалаңыз, әйтпесе тексеру беттің ескі көшірмесін көреді.

💡 Виджеттер үшін жеке плагин орнатудың қажеті жоқ: оларды бір тег қосады. Cenaly Consent плагині — басқа нәрсе туралы, ол сіз үшін тек cookie-баннер тегін қояды (қараңыз: Cookies және келісім).

Tilda#

1. Жобалар тізімінде — керек сайттың «Настройки сайта» (жоба параметрлері, беттің емес).
2. «Ещё» бөлімі (кейбір тіркелгілерде ол «Вставка кода» деп аталады) → «HTML-код для вставки внутрь head» өрісі.
3. Жолды қойып, сақтаңыз.
4. Жобаның барлық беттерін қайта жариялаңыз — онсыз код тек редакторда қалады.
5. Жұмыс істеп тұрған сайтты ашып, «Орнатуды тексеру» түймесін басыңыз.

💡 Тег тек бір бетте керек болса — сол өріс «Настройки страницы» → «Дополнительно» ішінде де бар; онда сол бетті қайта жариялау керек.

Wix#

1. Сайт жарияланған, ал домен қосылған болуы керек: бұл Wix-тің өз кодына қоятын шарты.
2. Settings (Параметрлер) → Development & integrations (Әзірлеу және интеграциялар) → Custom Code.
3. «+ Add Custom Code» → жолды қойыңыз, үзіндіге түсінікті атау беріңіз.
4. Барлық бетке (All pages) қолданыңыз, бір рет жүктеңіз, қою орны — Head. Сақтаңыз.
5. Publish түймесін басыңыз, жұмыс істеп тұрған сайтты ашып, «Орнатуды тексеру» түймесін басыңыз.

⚠️ Wix-тегі код үзінділері доменге байланған: сайтқа басқа домен тағайындалса, үзінділер жойылады, тегті қайта қою керек.

Shopify#

1. Shopify әкімшілігі → Интернет-магазин (Online Store) → Темы.
2. Керек тақырыптағы «…» → Duplicate: тақырып көшірмесі — артқа қайту жолыңыз.
3. Сол жерде «…» → Изменить код (Edit code).
4. Сол жақта Layout қалтасы → theme.liquid файлы → жолды жабылатын </head> алдына (немесе </body> алдына) қойыңыз → Save.
5. Дүкенді ашып, «Орнатуды тексеру» түймесін басыңыз.

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

Webflow#

1. Керек жобаның Site settings → Custom code қойындысы.
2. Head code өрісі → жолды қойып, сақтаңыз. Бұл өріске тек скрипттің өзі жазылады: html, head, body тегтерін қосудың қажеті жоқ.
3. Publish түймесін басыңыз — редакторда және алдын ала қарауда өз кодыңыз жұмыс істемейді.
4. Жарияланған сайтты ашып, «Орнатуды тексеру» түймесін басыңыз.

⚠️ Webflow сайт параметрлеріндегі өз кодыңыздың өрістері ақылы Site plan жоспарында ашылады. Виджет тек бір бетте керек болса — беттің өз параметрлерінде өз код өрістері бар.

Squarespace#

1. Сайт панелі → Website → Website Tools → Code Injection.
2. Header өрісі (әр беттің <head> ішіне түседі) → жолды қойыңыз → Save.
3. Жұмыс істеп тұрған сайтты ашып, «Орнатуды тексеру» түймесін басыңыз.

⚠️ Code Injection панелі Core, Plus, Advanced жоспарларында және Squarespace-тің кейбір легаси-жоспарларында қолжетімді. Беттегі код блогы (Code Block) — оның орнын баспайды: ол кодты бір беттің ішіне қояды, ал виджеттер бүкіл сайтқа керек.

Қадамдар платформалардың ресми анықтамасымен салыстырылып тексерілді. Платформа мәзір тармағын қайта атаса — бізге емес, оның анықтамасына сеніңіз және бізге жазыңыз: түзетеміз.

Он екі виджет#

Әр виджет — қосқышы мен параметрлер тісті дөңгелегі бар жеке карточка. Виджеттер жинайтын деректер кабинеттің әдеттегі бөлімдеріне түседі — жеке «сайтқа арналған кіріс жәшігін» ашу қажет емес.

Жүктелу тәртібі кездейсоқ емес: cookie-баннер біздің виджеттердің ішінде бірінші жүктеледі. Бірыңғай асинхронды жүктеуші алдымен параметрлерді оқиды және сайт қосып қойған аналитиканы басып оза алмайды. Трекерлер іске қосылғанға дейін блоктау қажет болса, келісім туралы мақалада сипатталғандай, consent/v1.js жеке тегін <head> ішінде бірінші болып, async және defer-сіз орнатыңыз. Көп түйме агрегатталатын виджеттерден кейін, ал «Тірі дүкен» — ең соңында тұрады: оның тақтайшалары сол бұрыштағы түймелерді ескереді.

cenaly.ru-дағы cookie-баннердің шектеулері бар: келісімдер журналы мен CSV әзірге жиналмайды, cookies сканері қолжетімсіз, декларацияны қолмен жүргізеді. Конфиг қолжетімсіз болғанда ағымдағы нұсқа трекерлерді блоктауды алады; орнатқаннан кейін баннерді және беттің нақты сұрауларын тексеріңіз. Толық шарттар — Cookies және келісім бетінде.

Қолдау орталығы «Мақалалар мен беттер» бөлімінде дайындау немесе білім базасынан жариялау қажет жарияланған мақалаларды көрсетеді. Түйме мақалаларды өзі жасамайды. Анықтама аналитикасында осы панель ішіндегі бет оқиғалары «сайт» дереккөзіне жатады; «виджет» дереккөзі чаттағы анықтама қойындысын білдіреді.

Заңды құжаттарды алдымен біздің хостингте жариялау керек. Виджет жарияланған нұсқаларды сілтемелер, терезе немесе беттегі мәтін түрінде көрсетеді; кабинетте қайта жариялау оларды жаңартады. Бұл заңнама өзгерістерін автоматты бақылау емес.

Көп түйме — жай сілтемелер тізімі емес: оның шақыру бұлты («Сұрағыңыз бар ма?»), көрсету шарттары (қай беттерде, неше секундтан кейін, тек телефонда немесе барлық жерде), мессенджерлерге арналған бірінші хабарлама дайындамасы және арналар бойынша өз басу статистикасы бар.

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

«Қалқымалы терезелер және формалар» карточкасында қосқыш пен тісті дөңгелектің қасында «✨ Үлгіден жасау» түймесі тұр: ол виджет параметрлерінің сол терезесін ашады, бірақ бірден дайын сценарийлер галереясымен — және сіз «Дайын» түймесін баспайынша ештеңе сақтамайды.

«Заңды құжаттар» панелі енді бес қадамды шеберге жібермейді: ел, құжаттар жинағы, қызметіңіз туралы сұрақтар, деректемелер мен тіл бір экранда жатыр, авт толтыру мен алдын ала қарау жиналған, төменде — «Жарияланатын құжаттар: N» санауышы. Берілген жауаптарға қайшы келетін опция не себепті екені түсіндіріліп, құлыпталған.

Хабтың ашық терезелері беттің мекенжайында өмір сүреді: виджеттің тісті дөңгелегі ?widget=<виджет> деп жазады, орнату кодының терезесі — ?panel=install. Демек, нақты виджеттің параметріне сілтемені әріптесіңізге жіберуге болады, ол F5 пен «артқа» түймесінен кейін де сақталады.

Бір виджетке қосқыш аздық етеді — мазмұн да керек:

• Онлайн жазылу сайтта мәзірде «Қызмет» түрі бар кемінде бір элемент болғанда және броньдау қосылғанда пайда болады (үстел броньдауындағы сол қосқыш);
• Қолдау орталығы қосқышпен бірден қосылады, бірақ жарияланған мақалаларсыз бос анықтама бетін ашады — виджет параметрлерінде қанша мақала жарияланғаны көрінеді.

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

Өшіруді тексеру. Виджетті өшіргеннен кейін сайтты тексеріңіз және деректер жаңарғаннан кейін параметрлерді қайта ашыңыз. Ағымдағы нұсқада қосқыш жергілікті түрде сөніп, бірақ бұрынғы қосу серверде сақталып қалуы мүмкін. Жеке виджетті шұғыл тоқтату қажет болса, оның жеке тегін жойыңыз немесе қолдау қызметіне хабарласыңыз; жалпы тегті жою ол қосқан бүкіл жинақты бірден тоқтатады.

Әр карточканың түймелерінің үстінде — 7 күндік шағын статистика: көрсетілімдер, ашылулар және виджеттің мағынасына қарай үшінші сан (өтінімдер, тапсырыстар, броньдар, жазылулар, әңгімелер, диалогтар, басулар). «—» деректер әлі мүлде жоқ дегенді, «0» — телеметрия бар, бірақ оқиға болмағанын білдіреді; «Толығырақ →» «Сайт виджеттері» дашбордына апарады.

Онлайн тапсырыстың параметрлер терезесінде бөтен сайтқа арналған тағы бір түйме бар — «🔔 Түсім туралы хабарлау»: сіз өз каталогыңыздан тауар мен нұсқаны таңдайсыз, сатылып кеткен тауар бетіндегі түймені белгілейсіз, ал қонақ поштасын қалдырады, оны сілтеме арқылы растайды және тауар қайта қоймаға түскенде бір хат алады. Бөтен каталогты біз оқымаймыз және бөтен беттегі қалдықтарды алмаймыз — тауар қолмен байланыстырылады. Толығырақ — Өз сайтыңызда онлайн тапсырыс мақаласында.

Сайтыңызда бұрыннан бар нысандар#

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

Ереже — бұл нысанның CSS-селекторы, «аты / телефоны / поштасы» өрістерінің мекенжайлары (мән ретінде жай өріс атауы да болуы мүмкін, мысалы phone, және input[name="tel"] селекторы), міндетті емес бет маскалары және тумблер. Бір филиалға — 10-ға дейін ереже, әр нысанға бір ереже. Нысан селекторы жоқ немесе телефоны не поштасы жоқ ережені қосу мүмкін емес — оған жинайтын ештеңе жоқ. Әр жолда «Тексеру» түймесі бар: сервер бетті оқып, нысан табылды ма, ережедегі қандай өрістер онда бар және оның жалпы қандай өріс атаулары бар екенін жауаптайды.

Нақты не жіберіледі. Дәл үш өріс — аты, телефоны, поштасы — плюс параметрлерсіз және якорьсіз бет мекенжайы. «Жіберу» басылғанға дейінгі енгізу оқылмайды, өз тексеруімізді және кідірістерді қоспаймыз, ал браузердің өз тексеруінен өтпеген нысан өтінім жасамайды. Сервер сол байланыспен сол нысанның қайталануын 10 минут ішінде басады; бір мезгілде жіберу немесе маркер жазбасының істен шығуы кезінде қайталану мүмкін. Біздің жеке виджеттеріміздің нысандары тыңдалмайды.

Ұстап қалу өтінімнің көшірмесін сервер жауабын күтпей жібереді. Желі үзілгенде немесе браузер сұрауды бұғаттағанда көшірме жетпеуі мүмкін: байланыс қалпына келгеннен кейін жеткізу кезегі қазір жоқ. Сол бетте сол байланыспен қайталау ол қайта жүктелгенге дейін де басылады. Жіберу туралы белгі ұстап қалу әрекетін білдіреді, ал келіп түсуін инбокстен тексеріңіз.

Қайдан іздеу керек. «Өтінімдер» бөлімі және байланыс орталығының «Өтінімдер» қойындысы — «Сайттағы нысандар: <ереже қолтаңбасы>» тобымен. Әр мұндай өтінімде адал белгі тұр: біз «Жіберу» басылуын көреміз, сіздің бэкендіңіздегі деректер тағдырын емес.

⚠️ «Тексеру» түймесі HTML-ді браузерсіз талдайды: JavaScript салатын нысанды ол көрмейді — ал қонақтың браузеріндегі ұстап қалу оны көреді. Панель бұл туралы ашық айтады.

Әрекеттерге арналған сілтемелер мен QR#

«🔗 Әрекеттерге арналған сілтемелер мен QR» блогы карточкалар торының астында сіздің сайтыңызда бір нақты әрекетті ашатын сілтеме жасайды: https://ваш-сайт/#cenaly=book — броньдау нысаны, #cenaly=appointment:<услуга> — қызметке тікелей жазылу, #cenaly=order:<товар> — тауар карточкасы, сондай-ақ чат, кері қоңырау, анықтама, құжат (legal:<тип>), көптүймелі желдеткіш және қолдауға жүгіну (#cenaly=support — чаттың «Жүгінулер» қойындысы, #cenaly=support:<категория> — сол санатпен бірден нысан). Мұндай сілтемені әдетте QR-кодпен басады: үстелде, чекте, қаптамада, офлайн жарнамада.

Қалай жинау керек: әрекетті таңдаңыз, қаласаңыз — нақты нысанды (жарияланған мәзірдегі қызмет немесе элемент, жарияланған құжат) және «қайда орналастырасыз» — сіздің аналитикаңызға арналған UTM-белгілер осыған байланысты (utm_source=qr&utm_medium=<место>&utm_campaign=<действие>; біз оларды оқымаймыз). Шығысында — «Көшіру» түймесі бар сілтеме және PNG мен SVG-ге жүктелетін QR-код. Сілтеменің негізі — сіздің сайтыңыздың мекенжайы, ал егер ол көрсетілмесе — біздің дүкен. Әр виджеттің карточкасында таңдалған әрекеті бар қысқа «🔗 Сілтеме» түймесі бар.

Неге ? параметрі емес, # якорі: бөгде CMS, кэш-плагиндер және CDN белгісіз параметрлерді кесіп, канондық мекенжайды өзгертеді, ал якорьді браузер серверге жібермейді — ол біздің кодқа кепілді түрде жетеді. Оны бірыңғай тег орындайды: ол якорьді жүктелу кезінде бір рет оқып, оны мекенжайдан алып тастайды және керек виджетті ол көтерілгенде ашады. Жеке виджет тегтері якорьді оқымайды.

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

Виджет арқылы онлайн жазылу туралы толығырақ#

Параметрлер — «Онлайн жазылу» карточкасы → тісті дөңгелек: түйменің түсі, мәтіні, экран бұрышы және тілі. Сол жерде, параметрлердің астында, тек осы виджетке арналған дайын код жолы бар — егер оны ғана орнатсаңыз.

Тіл. Әдепкі бойынша — авто: виджет орналасқан беттің тілінде сөйлейді және 45 тілді біледі. Сөздік тек қажет болғаны ғана жүктеледі, сондықтан бұл сайт жылдамдығына әсер етпейді. Тізімде бір тілді қатаң бекітуге болады — мысалы, сайт қос тілді болса, ал сіз бір тілде жазылуды қаласаңыз.

Нақты қызметке немесе маманға сілтемелер. Виджет тегіне атрибуттарды қосуға болады — қонақ бірден қажетті қадамға түседі:

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

Жазылуға дейінгі қадамдар азырақ:

• жалғыз қызмет немесе жалғыз сәйкес маман — артық экран көрсетілмейді;
• «⚡ Ең жақыны: бүгін 17:30» чипі бір түртумен жазады, ал күнтізбе бос уақыты бар бірінші күннен өзі ашылады;
• аты, телефоны және поштасы қонақтың құрылғысында сақталады: қайта жазылғанда өрістер толтырылған болады, ал «Мен емес» сілтемесі оларды өшіреді;
• телефонда панель бүкіл экранға ашылады, жазылу түймесі пернетақта астына жасырылмайды;
• виджетті пернетақтадан пайдалануға болады, ол экранды оқу бағдарламасымен дұрыс оқылады.

Пошта. E-mail өрісі міндетті емес; қонақ мекенжайын қалдырса — келу мәліметтері мен «Жазылуды басқару» сілтемесі бар хат алады, сол арқылы келуді өзі ауыстырады немесе тоқтатады. Толығырақ — Жазылу журналы бөлімінде.

Виджет не берді. Жазылу журналында «🌐 Сайттағы виджет» түймесі 7, 30 немесе 90 күндегі воронканы көрсетеді: түймені қанша рет көрді, қанша қонақ панельді ашты, байланысқа жетті және жазылды, бос уақытқа байланысты қанша жазылу жоғалды. Сайттан келген жазылулардың өзінде «Сайттан» бейджі тұр.

Орнатуды тексеру#

«Орнатуды тексеру» түймесі сайтыңызды ашып, беттің бастапқы HTML кодын оқиды. Жауапта:

• «Сайтта виджеттер коды табылды» — бірыңғай тег орнында;
• «Тек жеке виджет тегтері табылды» — ескі жалғыз енгізулер жұмыс істейді, бірыңғай тег жоқ;
• «Сайттағы код басқа филиалға тиесілі» — тегте бөтен data-domain (бірнеше мекеме болғанда жиі кездесетін қате);
• «Бұл бетте виджеттер коды жоқ» — тег көрінбейді.

⚠️ Тексеру бір беттің бастапқы HTML кодын оқиды. Егер тегті браузерде Google Tag Manager немесе басқа скрипт енгізіп жатса, тексеру оны көрмейді — бұл қате емес. Әдістің шегінен тыс қалатын тағы не бар, төменде «Тексеру орнатудың нені көрмейтіні» бөлімінде жинақталған.

Аптасына бір рет сол тексеру өздігінен қайталанады — сайт мекенжайы көрсетілген, кемінде бір виджет қосылған және өткен тексеру тегті тапқан филиалдар үшін. Тег үнсіз өледі — сайт жаңа тақырыпқа көшті, мердігер енгізусіз верстка шығарды, кэш-плагин «артық» скриптті лақтырып тастады, — бұрын мұны тек өтінімдер біткенінен байқайтын. Енді «тег болды → тег жоқ» деген ауысу жұмыс чатына карточка болып (филиалға аптасына бір реттен жиі емес) және «Сіздің сайтыңыз» блогында қызыл үшінші қадам болып келеді. Ашылмаған сайт (таймаут, сервер қатесі) бұзылу болып саналмайды — келесі аптада тексереміз; Google Tag Manager арқылы енгізілген тегті тексеру ешқашан көрмейді, сондықтан ол бойынша жалған дабыл да болмайды.

Дәл сол талдау жария түрде, кабинетке кірмей-ақ қолжетімді — «Сайтты тексеру» беті: мекенжайды енгізіңіз, ол беттің HTML кодын оқып, счётчиктер мен пиксельдерді аты-жөнімен көрсетеді, келісім баннері тұр ма (біздікі, бөтендікі немесе ешқайсысы) және қосылған виджеттері бар тегіміз көріне ме. Онымен сайтты қосудың алдында тексеріп, сілтемені әзірлеушіге немесе клиентке беруге болады.

Бөлімдегі виджет карточкаларының астында тағы екі блок бар: «Өз кодыңыздағы дүкен (Headless)» — сайтты сіздің әзірлеушіңіз жазып, біздің виджеттер қажет болмаған жағдайға арналған деректер, API және вебхуктер, — және дайын жалғыз тегтері бар «Кеңейтілген: әр виджетке жеке тег». Яғни жалғыз тегті тек «өткеннен жеткізіп» қана қоймай, осы жерден де алуға болады.

Тексеру орнатудың нені көрмейтіні#

Тексерудің әдісі қарапайым әрі адал: бір мекенжайдың бастапқы HTML кодына бір сұраныс, браузерсіз. Біз сервер берген нәрсені оқып, разметкадан біздің жолдарымыз бар <script src="…"> іздейміз. Осыдан оның істей алмайтын нәрселерінің бүкіл тізімі шығады — бұл бұзылу емес, әдістің шегі.

Тексеру жақсы көретін нәрсе: бастапқы разметкада тегіміз бар ма, ол бірыңғай ма әлде жалғыз тегтер жиынтығы ма және онда кімнің data-domain тұр — яғни «көрші филиалдан код көшіріп алдым» деген ең жиі қатені ұстайды.

«Сайтты тексеру» жария бетінің де шегі дәл осындай: ол да бастапқы HTML кодын оқиды және скрипттерді орындамайды. Нақты cookies пен браузерде жүктелетін нәрсені тек CMP сканері жинайды — Cookies және келісім бөлімін қараңыз.

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

Барлық он екі виджетке ортақ тізім — ең жиі себептен сирек кездесетіндерге қарай. Нақты виджеттің ерекшелігі оның мақаласында сипатталған.

1. «Орнатуды тексеру» код жоқ деп көрсетеді. Тег қойылмаған, үлгінің барлық беттеріне қойылмаған немесе сайт қойылғаннан кейін жарияланбаған (Tilda, Wix, Webflow қайта жариялауды талап етеді). Бөлім тақырыбындағы сайт мекенжайын да тексеріңіз: тексеру дәл сол мекенжай бойынша жүреді — тек сол бойынша, бір бетпен. Бірдеңені түзетудің алдында «Орнатуды тексеру нені көрмейді» тізімімен салыстырыңыз: «код жоқ» деген жағдайлардың жартысы — сайттың бұзылуы емес, әдістің шегі.

2. Сайттағы код басқа филиалға тиесілі. Тегте бөтен data-domain тұр — мекеме бірнешеу болғанда және код көршілес карточкадан көшірілгенде жиі кездесетін қате. Қажетті филиал таңдалған күйде кодты алыңыз.

3. Тексеру Google Tag Manager арқылы қойылған тегті көрмейді. Бұл қате емес. Тексеру беттің бастапқы HTML-ін оқиды — сервер берген нәрсені, — ал GTM тегті браузерде ғана қояды. Сайтты ашып, көзбен қараңыз: виджет не бар, не жоқ. Тексеру әдісі көрсетпейтіннің толық тізімі (GTM, сайттың екінші беті, SPA, жабық сайт) — «Орнатуды тексеру нені көрмейді».

4. Өзгерістер сайтта пайда болмады. Виджет файлдары CDN арқылы 5 минут кэшімен таратылады. Тумблерді қосқаннан немесе параметрлерді өзгерткеннен кейін бірнеше минут күтіп, бетті кэшті тазалай жаңартыңыз (Ctrl+F5). Браузер ескі нұсқаны қыңыр түрде көрсетіп тұрса — инкогнито режимінде тексеріңіз.

5. Виджет қосулы, бірақ бетте көрінбейді. Тізім бойынша өтіңіз:

• виджет ақылы және төленбеген — төленбеген кеңейтім сервердегі сайт деректерінен қиылып тасталады, сондықтан тумблер қосулы болса да бетке түспейді;
• виджеттің көрсету шарттары бар (мультибатырма, кері қоңырау, «Тірі дүкен»): беттер маскасы, кідіріс, құрылғы сүзгісі немесе кесте дәл осы бетті және осы сәтті алып тастауы мүмкін;
• виджетке мазмұн жетіспейді: онлайн жазылу мәзірде кемінде бір қызмет позициясы болғанда және броньдау қосулы болғанда пайда болады; жарияланған мақалалары жоқ қолдау орталығы бос панель ашады; бірде-бір арнасы жоқ мультибатырма мүлде салынбайды; «Тірі дүкен» сандар шектен төмен болғанша үнсіз тұрады;
• мультибатырма көршінің батырмасын жұтып қойды: егер оның желпуішінде «Чатты ашу» немесе «Кері қоңырау» тармағы болса, осы виджеттердің жеке батырмалары әдейі сөндіріледі — олар енді желпуіштің ішінде.

6. Экранның бұрышында бірнеше батырма бірін-бірі итеріп тұр. Мультибатырманы қосып, оның желпуішіне қажетті виджеттердің әрекеттерін қосыңыз — олардың жеке батырмалары өздігінен сөнеді.

7. Біздің конструкторда жасалған сайтта виджеттер жоқ. Онда орнату коды үлгіге тігілген, ал кабинеттегі код блогы көрсетілмейді — бұл қалыпты жағдай. Виджеттердің тумблерлерін тексеріңіз: жаңадан жасалған сайт cookie-баннері, заңды құжаттары және чаты қосулы күйде келеді, қалғаны қолмен қосылады. Беттер айырмашылығын да ескеріңіз: мультибатырма біздің дүкенде тек «Біздің дүкенде де көрсету» деген жеке тумблер арқылы көрсетіледі (ол беттің нативті батырмаларын жұтады), ал «Тірі дүкен» бөтен сайттағыдай сол бір тумблермен жұмыс істейді.

Content-Security-Policy бар сайт#

Егер серверіңіз Content-Security-Policy тақырыбын беретін болса, біздің орнату кодымызға нені жүктеуге рұқсат етілгенін браузер өзі шешеді. Тегтің өзі бұл кезде жұмыс істейді — сіз оған рұқсат бердіңіз, — ал ол тартатынның бәрі үнсіз бұғатталуы мүмкін: сырттан бұл «виджеттер жоғалып кетті» деп көрінеді. Браузер консолінде бұл кезде Refused to load the script тәрізді жолдар көрінеді.

Үзіліс дәл бір режимде пайда болады: саясат скрипттерге тек бір реттік nonce бойынша рұқсат береді, 'strict-dynamic' жоқ және тізімде біздің CDN хосты жоқ. Төменде мұны жабу тәсілдері — ең қарапайымынан бастап.

1-нұсқа — біздің тегтегі nonce#

Серверіңіз әр жауап сайын жаңа кездейсоқ мән жасайды, оны тақырыпқа да, тегке де қояды:

Content-Security-Policy: script-src 'nonce-r4nd0m...'

<script nonce="r4nd0m..." src="https://cdn.<ваш бренд>/site/v1.js" data-domain="ВАША-ЛОКАЦИЯ" async></script>

Бірыңғай тег өз тегінің nonce мәнін оқып, оны кірістіретін әрбір виджет бандлына береді, — олар script-src тексеруінен өтеді. Сұраныстар, стильдер және кірістірілген беттер үшін де төмендегі кестедегі рұқсаттар қажет. Жеке «Сообщить о поступлении» формасының шектеуі төменде сипатталған.

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

2-нұсқа — 'strict-dynamic'#

Content-Security-Policy: script-src 'nonce-r4nd0m...' 'strict-dynamic'

'strict-dynamic' кезінде біздің тегке деген сенім ол кірістіретін скрипттерге, соның ішінде «Умных попапов» жалқау бөліктеріне де таралады. Бұл — скрипттерге арналған директиваның мысалы: default-src, connect-src, style-src немесе frame-src шектеулері болса, төмендегі кестеден тиісті рұқсаттарды қосыңыз.

3-нұсқа — хосттар тізімі#

Егер nonce сізге қолжетімсіз болса (сайт құрастырушыларда солай болады), біздің хосттарға анық рұқсат беріңіз:

Content-Security-Policy: script-src https://cdn.<ваш бренд>;
  connect-src https://cdn.<ваш бренд> https://api.<ваш бренд> wss://ws.<ваш бренд> https://o.<ваш бренд>;
  img-src https://cdn.<ваш бренд> https://i.<ваш бренд>;
  frame-src https://cdn.<ваш бренд> https://ваша-локация.<ваш бренд>;
  style-src 'unsafe-inline'

Брендіңіздің және локацияңыздың хосттары қойылған дайын сниппет кабинетте бар: Маркетинг → Мой сайт, орнату кодының астындағы «Сайт с Content-Security-Policy?» блогы — сонда «Скопировать» түймесі және қай виджетке қай хост керек екені туралы белгі бар.

Кімге не керек:

Бұл нені қамтымайды — шынын айтқанда#

• Стильдер. Терезелердің безендірілуі — Shadow DOM ішіндегі инлайн <style>, сондықтан style-src 'unsafe-inline' қажет. Бұл script-src-қа әсер етпейді: скрипттер үшін біз 'unsafe-inline' және 'unsafe-eval' сұрамаймыз.
• Виджеттердің жалқау бөліктері (кеңейтілген қалқымалы терезелер және «Умных попапов» слоттары, келісім баннерінің жас гейті, мультитүйменің мобильді бары, формаларды ұстап алу) өз жүктеушілерімен жүктеледі және nonce алады — олар басты бандл сияқты сол тексеруден өтеді. Ерекшелік — «Сообщить о поступлении» түймесінің формасы (stock/form-v1.js): бұл бірыңғай жүктеушіден тыс жеке тег, және ол nonce-ті әзірге тасымалдамайды — тек nonce бар, біздің CDN хосты жоқ саясат кезінде жазылым формасы ашылмайды.
• Сайт құрастырушылар (Tilda, Wix және сол тәрізділер) тақырыпты өздері береді, және онда өз тегіңізге бір реттік nonce жаза алмайсыз. Хосттар тізімі бар нұсқа қалады — егер платформа саясатты өңдеуге жалпы мүмкіндік берсе.
• Сайттан қоңырау шалу дыбысты WebRTC ағынымен береді және медиафайлдарды жүктемейді, сондықтан оған media-src керек емес; микрофонға Permissions-Policy және HTTPS рұқсат береді, CSP емес.

Виджетті жеке бөлім етіп шығару#

Егер виджеттердің біреуі сіздің негізгі өніміңіз болса (мысалы, сіз тек қалқымалы терезелерді немесе тек cookie-баннерді пайдаланасыз), «Маркетинг → Мой сайт → карточка → шестерёнка» жолы тым ұзын. Карточкада «Вынести в сайдбар» түймесі бар — виджет жеке мәзір пунктіне ие болады және бір басумен ашылады.

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

Сайттың жалпы баптаулары — мекенжай, орнату коды және тексеру — «Мой сайт» ішінде қалады: бұл пункт мәзірде виджет бөлімінің қасында тұр, сондықтан шығарылған бөлімде «← Все виджеты сайта» сілтемесі жоқ. Виджетті сайдбардан алып тастасаңыз — сілтеме қайтады.

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

Қайсысы тегін, қайсысы ақылы кеңейтім#

Кейбір виджеттер жазылымға кіреді, кейбіреуі «Кеңейтімдер» бөлімінде кеңейтім ретінде қосылады: ақылы деп Брондау, Қалқымалы терезелер мен формалар, Қолдау орталығы және Заңды құжаттар белгіленген — карточкасында «💳 Ақылы кеңейтім» чипі тұр.

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

Біздің конструкторда жасалған сайтта «Заңды құжаттар» мен cookie-баннер тегін. Олардың карточкаларында «ақылы» дегеннің орнына «🎁 Сайтқа кіреді» чипі тұр және төлем терезесі мүлде көрсетілмейді: бұл апселл емес, сайтты заңды пайдалану шарты. Жаңа жасалған сайт қосылған cookie-баннермен, заңды құжаттармен және чатпен бірге келеді. Бөтен сайтта «Заңды құжаттар» кеңейтімі бөлек төленеді. Ағымдағы хабта cookie-баннер төрт ақылы виджеттің тізіміне кірмейді.

Жоспарлар мен төлем — Қолданбалар дүкені және Жазылым бөлімдерінде.

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

• Сайт конструкторы — егер өз сайтыңыз болмаса және біздің дүкен қажет болса
• Өз кодыңыздағы дүкен (headless) — егер сайтты әзірлеушіңіз жазып, деректерді бізден алса
• Өз доменіңіз — өз доменіңізді біздің дүкенге қосу

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

Өз сайтыңыздан бас тарту керек пе? Жоқ. Виджеттер сайтыңыздың үстінде өмір сүреді, вёрстка мен хостингті өзгертпейсіз.

Бірнеше виджет болса, қанша тег қою керек? Бір. Виджеттердің құрамы — кабинеттегі тумблерлер.

Виджет сайтты баяулата ма? Жүктеуші асинхронды (async) қосылады және беттің суреттелуін блоктамайды; әр виджет жеке шағын файлмен және тек қосылған болса ғана жүктеледі. Өшірілген виджет мүлде жүктелмейді.

Виджет вёрстканы бұза ма? Жоқ. Әр виджет оқшауланған контейнерде (Shadow DOM) салынады: сайтыңыздың стильдері виджеттің ішіне өтпейді, ал виджеттің стильдері — сыртқа. Ойластырылған ерекшелік — онлайн-тапсырыс виджеті: ол «Себетке» батырмаларын арнайы сіздің разметкаңызға қояды және бұл алдын ала қараумен реттеледі (Өз сайтыңыздағы онлайн-тапсырыс қараңыз).

Виджет қай тілде сөйлейді? Ол беттің тіліне қарайды: алдымен тегтегі data-lang атрибуты, егер оны өзіңіз берсеңіз, содан кейін HTML-бетіңіздің lang атрибуты, содан кейін қонақтың браузер тілі, ал соңғы жағдайда — ағылшын тілі. Сөздіктердің көлемі әртүрлі: cookie-баннер, онлайн-жазылу виджеті және чат терезесі 45 тілді біледі (чат жазулары беттің тілі бойынша жеке тілдік пакетпен келеді), қалғандарына ағылшын, орыс, грузин және түрік тілдері енгізілген, ағылшынға құлдилайды. Батырма жазулары мен шақыруларды өзіңіз бересіз — сайттың әр тілі үшін жеке жолмен.

Виджеттер жинайтын деректер қайда сақталады? Сіздің брендіңіздің бұлтында: cenaly.com үшін — AWS, cenaly.ru үшін — Yandex Cloud; ресейлік мекемелердің деректері Ресейде қалады. Өтінімдер, тапсырыстар, брондаулар мен хат алмасулар кабинетіңізге түседі, ал жария CDN-ге тек виджеттердің параметрлері және бәрібір жария болып табылатын нәрселер (мәзір, жұмыс уақыты, жарияланған құжаттар, «Жанды дүкеннің» иесіздендірілген сандары) кетеді.

Менде бірнеше мекеме бар — не істеу керек? Виджеттер локацияға реттеледі: бөлімнің жоғарғы жағындағы тізімнен оны таңдап, оның орнату кодын алыңыз. Әр сайттың өз data-domain мәні бар.

Виджеттерді бірнеше түрлі сайтқа қоюға бола ма? Иә, бір локацияның тегін бірнеше бетке немесе сайтқа қоюға болады — деректер бір локацияға келеді.