Сайтта поп-ап, тур және чек-парақ әзірлеушісіз
Сәлемдесу поп-апы, жеке кабинет бойынша тур немесе алғашқы қадамдар чек-парағы керек, бірақ әзірлеушілер бос емес пе? Clew — сайттағы бір жол, оны сайтты қазір қалай басқарсаңыз, солай қоясыз: тег менеджері, ЖИ-ассистент немесе конструктор арқылы. Одан әрі барлық формат визуалды редакторда, релизсіз жасалады.
Не қосқыңыз келеді?
Керек нәтижені таңдаңыз. Әр бетте формат қашан пайдалы екені, оны Clew-де қалай баптау керегі және бағасы жазылған: баға тарифтер кестесінен тікелей алынады.
Сайтқа әзірлеушісіз поп-ап қалай қосуға болады
Ұсыныс, хабарландыру немесе көмек жазылған модальды терезе — керек бетте, керек сәтте, әр келушіге бір рет.
14 күн тегін, картасызНұсқаулықты ашу →Өнім турыӘзірлеушісіз өнім турын қалай жасауға болады
Пайдаланушыны экран бойынша жетелейтін қадамдық кеңестер: батырманы көрсетеді, түсіндіреді, келесі қадамға өтеді.
Free тарифіНұсқаулықты ашу →Онбординг чек-парағыҚолданбаға әзірлеушісіз онбординг чек-парағын қалай қосуға болады
Қолданба бұрышындағы прогресі бар алғашқы қадамдар тізімі: жаңа пайдаланушы не істеуі керек, әр тармақ керек бетке апарады.
14 күн тегін, картасызНұсқаулықты ашу →Пайдаланушылар онбордингіӘзірлеушісіз пайдаланушылар онбордингін қалай баптауға болады
Алғашқы сессия сценарийі: сәлемдесу поп-апы, негізгі экран бойынша қысқа тур және келесі кіруге чек-парақ.
Турлар тегін · қалғаны 14 күн сынақтаНұсқаулықты ашу →КеңесСайтқа әзірлеушісіз кеңестер мен тултиптерді қалай қосуға болады
Өріс немесе батырма жанындағы бір кеңес — келуші оған жеткенде немесе басқанда шығады.
Free тарифіНұсқаулықты ашу →Интерактивті нұсқаулықӘзірлеушісіз өнім бойынша интерактивті нұсқаулықты қалай жасауға болады
Тармақтары керек беттерде турларды іске қосатын «Қалай жасауға болады…» чек-парағы — өнімнің ішіндегі анықтама.
14 күн тегін, картасызНұсқаулықты ашу →ПейволӘзірлеушісіз пейвол апгрейд терезесін қалай жасауға болады
Ақылы функцияға жеткен тегін тариф пайдаланушыларына арналған апгрейд терезесі — сіздің тарифтер бетіңізге сілтемемен.
14 күн тегін, картасызНұсқаулықты ашу →Тәсілді таңдаңыз
Google Tag Manager
Барлық беттегі «Пользовательский HTML» тегі, алдын ала қараудағы тексеру, жариялау.
Нұсқаулықты ашу →МетрикаЯндекс Тег Менеджер
Бетті қарау триггері бар «Пользовательский HTML» тегі — тікелей Метрикада, сайтқа Google Tag Manager кодын қоймай-ақ.
Нұсқаулықты ашу →ВайбкодингЖИ-ассистенттер
Жолды дұрыс түбір файлға қоятын Cursor, Claude Code, Lovable, Bolt.new, v0 және Replit үшін бір промпт.
Нұсқаулықты ашу →КодсызТильда, Битрикс, WordPress
Тильда, 1С-Битрикс, WordPress, Webflow және қарапайым HTML сайтында head кодының өрісі қайда және нені басу керек.
Нұсқаулықты ашу →Орнаттыңыз ба? Енді не жұмыс істейтінін тексеріңіз
Келушілерді тур, тултип немесе чек-парақтың екі нұсқасына бөліп, жиірек соңына дейін өтетінін қалдырыңыз.
Сізге қай нұсқаулық сәйкес келеді
- Сайтта Яндекс Метрика тұр және сізде иесінің қолжетімділігі барЯндекс Тег Менеджер →
- Сайтта Google Tag Manager барGoogle Tag Manager →
- Қолданба Cursor, Claude Code, Lovable, Bolt.new, v0 немесе Replit арқылы жасалғанЖИ-ассистенттер →
- Сайт Тильда, 1С-Битрикс, WordPress немесе Webflow платформасындаТильда, Битрикс, WordPress →
Кодты қайдан алуға болады
Барлық нұсқаулық осыдан басталады. Тегін тіркеліңіз, сайтыңызды қосып, Admin → Шолу бөлімін ашыңыз. «Виджеттен әлі сигнал келген жоқ.» карточкасында сіздің жолыңыз тұр — көшіру үшін оны басыңыз.
Жол осылай көрінеді, тек белгінің орнында сіздің кілтіңіз болады. Кілт жария: ол бәрібір беттің HTML-іне түседі.
<!-- Clew: САЙТ_КІЛТІН_ҚОЙЫҢЫЗ орнына Admin > Шолу бөліміндегі сайт кілтін қойыңыз --> <script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>
Турлар, попаптар және ЖИ дәуіріндегі онбординг → (PDF, 2 бет · Нұсқаулық ағылшын тілінде.)
Бірдеңе жұмыс істемесе
Әзірлеуші мүлдем керек емес пе?
Сайт баптауларына, Метрикаға, GTM контейнеріне немесе ЖИ-редактордағы жобаға қолжетімділігіңіз болса, керек емес. Өнім нөлден жазылған және командада ешкімнің қолжетімділігі жоқ болса, «Шолу» бөлімінде Әзірлеушіні шақыру батырмасын басыңыз: дайын жол мен нұсқаулығы бар хат ашылады. Әзірлеуші үшін бұл бес минуттық жұмыс.
Қай тәсіл жақсы?
Өзіңіз қолданып жүрген тәсіл. Барлық нұсқаулық бір ғана жолды қосады, одан әрі Clew бірдей жұмыс істейді. Тікелей қою (конструктор, ЖИ-ассистент) кезінде виджет тег менеджеріне қарағанда сәл ертерек жүктеледі — бұл тек бет ашылған сәтте басталатын турда байқалады.
Қайда қою керек: лендингке ме, өнімге ме?
Кеңес қажет пайдаланушылар жүрген жерге — әдетте жеке кабинетке немесе веб-қолданбаға. Турлар тек жол қойылған беттерде жұмыс істейді.
Турларды өзгерткенде қайта орнату керек пе?
Жоқ. Жол өзгермейді: турлар, кеңестер мен чек-парақтар Clew редакторында жасалып, жарияланады, сайтқа қайта тиіспейсіз.
Админкада әлі «Виджеттен әлі сигнал келген жоқ» деп тұр
Сайттың бір бетін браузердің қарапайым терезесінде ашып, бір минуттан кейін админканы жаңартыңыз. Көмектеспесе: өзгерістер жай сақталып қана қоймай, жарияланғанын; белгінің орнына өз кілтіңізді қойғаныңызды тексеріңіз; браузердің әзірлеуші құралдарындағы Network қойындысынан widget/…js сұрауын тауып, жауабы 200 екенін қараңыз. 404 жауабы кілттің қате екенін білдіреді.
Сайтта Content Security Policy бапталған
Екі директива, одан басқа ештеңе қажет емес: script-src https://tryclew.io және connect-src https://tryclew.io. Виджет eval, blob: және воркерлерді пайдаланбайды, ал стильдерін таңбалау арқылы емес, CSSOM арқылы қосады — сондықтан Chrome, Edge, Firefox 101+ және Safari 16.4+ браузерлерінде style-src 'unsafe-inline' керек емес. Ескілеу браузерлер қосалқы <style> элементін алады: егер олар сізге маңызды болса және style-src ішінде 'unsafe-inline' болмаса, онда турлар безендірусіз көрінеді. Дайын жол: Content-Security-Policy: script-src 'self' https://tryclew.io; connect-src 'self' https://tryclew.io;
Виджет нұсқасын бекітіп, <code>integrity=</code> қосуға бола ма?
Болады. Нұсқаулықтардағы жол — /widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js — «жылжымалы»: ол әрқашан ағымдағы виджетті береді, сондықтан оған Subresource Integrity хэшін қосу мүмкін емес (байттар өзгереді). Оның қатарында әр нұсқа мазмұн хэші бар өзгермейтін мекенжай бойынша да беріледі. https://tryclew.io/api/v1/widget-version?site=СІЗДІҢ_КІЛТІҢІЗ сұрауын жіберіңіз — жауапта version, path және integrity болады; екеуін тегке қойыңыз: <script src="https://tryclew.io/widget/v/<нұсқа>/СІЗДІҢ_КІЛТІҢІЗ.js" integrity="sha384-…" crossorigin="anonymous" async></script>. Бекітілген мекенжай өзгермейді, сондықтан бір байт бөлек болса, браузер файлды орындамайды. Нұсқаны қашан жаңартуды өзіңіз шешесіз — сол сұрауды деплой скриптінен жіберуге болады. Қалғаны бұрынғыдай: турлар сайтты түзетпей-ақ Clew редакторында жарияланады.
Жарнама бөгегіші виджетті жасырып қоя ма?
Жоқ. Біздің домен ірі тізімдердің ешқайсысында жоқ — EasyList, EasyPrivacy, AdGuard, uBlock Origin, — сондықтан турлар, қалқымалы кеңестер мен чеклистер бөгегіші қосулы келушілерге де көрінеді. Нәзігірегі — статистика: EasyPrivacy кез келген сыртқы ping сұрауын бөгейді, сол себепті виджет оқиғаларын кәдімгі сұраумен жібереді — оны бұл тізімдер өткізеді. Кез келген жеке тізімнен мүлде тыс қалу үшін виджетті өз доменіңізден таратыңыз: CDN немесе nginx ішінде https://сіздің-сайт/clew/* мекенжайын https://tryclew.io/* дегенге бағыттап, жолды <script src="/clew/widget/СІЗДІҢ_КІЛТ.js" async></script> деп ауыстырыңыз. Виджет API-ға сол префикспен жүгінеді де, бәрі first-party болады.
SPA-да (React, Vue, Next.js) жұмыс істей ме?
Иә. Жолды бір рет — түбір HTML-ге немесе түбір шаблонға қосыңыз. Бетті қайта жүктемей ауысуды виджет өзі қадағалайды (History API және hash өзгерістері), сондықтан оны әр маршрутқа қоспаңыз. Қайта жүктеу еленбейді, бірақ бұл браузерге артық жұмыс.
Cookie келісімі баннері ше?
Clew келуші қай турлардан өткенін есте сақтау және өтулерді санау үшін өз cookie файлын және localStorage жазбаларын сақтайды. Деректер жарнама жүйелеріне жіберілмейді. Виджетті келісімге дейін іске қосуға бола ма — оны деректерді өңдеу саясатыңыз шешеді; баннер оны келісімге дейін бұғаттаса, турлар келісімнен кейін басталады.
Кэштеу немесе оңтайландыру плагині тұр
Орнатқаннан кейін кэшті тазалаңыз, әйтпесе келушілер жолы жоқ ескі беттерді ала береді. Плагин JavaScript-ті кейінге қалдырса, біріктірсе немесе минификацияласа (WP Rocket, LiteSpeed Cache, Битрикстің композиттік режимі), tryclew.io/widget мекенжайын бұл оңтайландырулардан шығарыңыз.
Сайт баяулап кете ме?
Жоқ. Жолда async атрибуты бар: браузер виджетті параллель жүктейді және бетті бұғаттамайды. Виджеттің тәуелділіктері жоқ.
Қолданбам онбординг қадамының бітгенін Clew-ге өзі айта ала ма?
Иә, бұл бір жол. Чек-парақ тармағында келуші ештеңе баспай-ақ оны белгілейтін ереже болуы мүмкін: ол кірген бет, CSS селектормен көрсеткен элементті басу немесе өз кодыңыз жіберетін оқиға — Clew.complete('invited'), мұндағы invited — редакторда тармақтың қасына жазған кілт. Іс шынымен біткен сәтте шақырыңыз, мысалы API жауап бергеннен кейін. Кез келген уақытта шақыруға қауіпсіз: бетте сондай кілті бар чек-парақ болмаса, false қайтады. Ескі TutorKit атауы әлі де жұмыс істейді.