Тильда, Битрикс және WordPress сайттарындағы поп-аптар мен турлар

Авторы: Андрей Давыдов · жаңартылды 2026 ж. 29 қыркүйек

Лендингке поп-ап, өтінім формасына кеңес немесе жеке кабинетке тур керек пе? Конструкторлар мен CMS-те бүкіл сайттың head бөліміне арналған код өрісі бар: Clew жолын оған бір рет қойыңыз, форматтарды Clew редакторында жасаңыз.

Уақыты: ● 5 минут
Кім орындайды: Сайт әкімшісі
Қадам саны: 6

Қадам-қадаммен

Қадам 01
Clew-ден кодты көшіріңіз
Clew-ге тіркеліңіз немесе кіріңіз де, Admin → Шолу бөлімін ашыңыз. «Виджеттен әлі сигнал келген жоқ.» карточкасында сайт кілті бар жол тұр — көшіру үшін басыңыз.
```

<script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>
```
Қадам 1 · интерфейс сызбасы
Қадам 02
Бүкіл сайттың head кодына арналған өрісті табыңыз
Жеке бетке емес, бүкіл сайтқа арналған баптауды іздеңіз: Тильдада бұл HTML-код для вставки внутрь HEAD, Битриксте — сайт шаблоны. Нақты жолдар төмендегі кестеде.
Қадам 2 · интерфейс сызбасы
Қадам 03
Жолды head ішіне қойыңыз
Жолды body соңына немесе бір бетке емес, head өрісіне қойыңыз. Онда басқа скрипттер (мысалы, Метрика) тұрса, Clew-ді жаңа жолдан қосыңыз; реті маңызды емес.
Қадам 3 · интерфейс сызбасы
Қадам 04
Сақтап, жариялаңыз
Баптауды сақтаңыз. Тильда мен Webflow-та код сайтқа тек жариялағаннан кейін түседі: Тильдада — Опубликовать все страницы. WordPress пен Битриксте сақтау жеткілікті.
Қадам 4 · интерфейс сызбасы
Қадам 05
Кэшті тазалаңыз
Сайтта кэштеу қосулы болса (Битрикстің композиттік режимі, WP Rocket, LiteSpeed Cache, CDN), келушілер жаңа жолы бар беттерді алуы үшін кэшті тазалаңыз. JavaScript-ті кейінге қалдыратын немесе біріктіретін плагиндерді tryclew.io/widget мекенжайына тимейтіндей баптаңыз.
Қадам 5 · интерфейс сызбасы
Қадам 06
Бәрі жұмыс істейтініне көз жеткізіңіз
Сайттың кез келген бетін браузердің қарапайым терезесінде ашып, Clew-дегі Шолу бөліміне оралыңыз. Бір минут ішінде карточка жасылға айналады: «Виджет жұмыс істеп тұр.»
Қадам 6 · интерфейс сызбасы

Платформалар бойынша нақты жолдар

Платформа	Қайда қою керек	Ескерту
Тильда	Настройки сайта → Ещё → HTML-код для вставки внутрь HEAD → Редактировать код → Сохранить, содан кейін Опубликовать все страницы	Personal немесе Business тарифі керек.
1С-Битрикс	Настройки → Настройки продукта → Сайты → Шаблоны сайтов → белсенді шаблон → Шаблон қойындысы → `</head>` алдындағы жол → Сохранить	Сақтағаннан кейін кэшті тазалаңыз: Настройки → Настройки продукта → Автокеширование → Очистка файлов кеша. Шаблон Маркетплейстен болса, шешімді жаңарту түзетуді өшіріп тастауы мүмкін — шаблонның көшірмесін сақтаңыз.
WordPress	Тегін WPCode плагині → Code Snippets → Header & Footer → Header өрісі → Save Changes	Немесе тақырыптың «тақырыптағы скрипттер» баптауы. Тақырып файлдарын түзетпеңіз: жаңарту оларды қайта жазады.
Webflow	Site settings → Custom code → Head code → Save, содан кейін Publish	Ақылы Site plan керек.
Қарапайым HTML	Әр бетте `</head>` алдына немесе ортақ header файлына бір рет	Өзгертілген файлдарды хостингке жүктеңіз.

Лендинг пе, өнім бе?

Турлардың пайдасы пайдаланушылар логинмен кіретін өнім ішінде көбірек. Лендинг Тильдада, ал жеке кабинет нөлден жазылған болса, Clew-ді кабинетке қойыңыз: ЖИ-ассистент, Яндекс Тег Менеджер немесе Google Tag Manager сәйкес келеді.

Бірдеңе жұмыс істемесе

Тек кейбір беттерге қоюға бола ма?

Бүкіл сайтқа қойыңыз. Турды қай бетте және кімге көрсету Clew-де бапталады — сайт баптауларына қайта оралудың қажеті жоқ.

Тарифімде өз кодыма арналған өріс жоқ

Тильда мен Webflow үшінші тарап скрипттеріне тек ақылы тарифтерде рұқсат береді, айналма жол жоқ. Сәйкес тарифке көшіңіз немесе 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 атауы әлі де жұмыс істейді.

Орнатудың басқа тәсілдері

Тег менеджері

Тильда, Битрикс және WordPress сайттарындағы поп-аптар мен турлар

Қадам-қадаммен

Clew-ден кодты көшіріңіз

Бүкіл сайттың head кодына арналған өрісті табыңыз

Жолды head ішіне қойыңыз

Сақтап, жариялаңыз

Кэшті тазалаңыз

Бәрі жұмыс істейтініне көз жеткізіңіз