Cursor-да жасалған қолданбада әзірлеушісіз пайдаланушылар онбордингін қалай баптауға болады

Мысал: Cursor-да жасалған қолданбада пайдаланушылар онбордингі

Cursor-да жасалған қолданбада онбордингті қадам-қадаммен баптау

1. Қадам 01

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

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

   <!-- Clew: САЙТ_КІЛТІН_ҚОЙЫҢЫЗ орнына Admin > Шолу бөліміндегі сайт кілтін қойыңыз -->
   <script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>

   Көшіру

   

2. Қадам 02

   Репозиторийді Cursor-да Agent режимінде ашыңыз

   Жоба қалтасын Cursor-да, ал чатты файлдарды өзі түзете алатындай Agent режимінде ашыңыз.

   

3. Қадам 03

   Промптты кілтіңізбен жіберіңіз

   САЙТ_КІЛТІН_ҚОЙЫҢЫЗ орнына кілтті қойып, жіберіңіз. Cursor репозиторийді оқып, промпттағы тізімнен керек түбір файлды таңдайды.

   Осы қолданбаға Clew онбординг виджетін қос.
   
   Мына тегті дәл осы күйінде бір рет қой, ол әр бетте, соның ішінде бетті қайта жүктемей ауысқаннан кейін де жүктелсін:
   <script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>
   
   Жобадағы түбір HTML-ді немесе түбір layout-ты тап (Vite үшін index.html, Next.js App Router үшін next/script бар app/layout.tsx, Nuxt үшін nuxt.config.ts ішіндегі app.head.script, SvelteKit үшін src/app.html) және тегті соған қой.
   
   Жүйеге кіргеннен кейін Clew.identify() шақыр, жаңа пайдаланушыны ескісінен ажырататын жеке емес қасиеттерді жол түрінде бер — мысалы { signup_source: "web", onboarded: "false", role: "owner" } — және пайдаланушы негізгі әрекетті орындағанда onboarded мәнін "true" етіп жаңарт. Виджет әлі жүктелмеген болуы мүмкін болса, алдымен кезек заглушкасын жарияла: window.TutorKit = window.TutorKit || { q: [], identify: function (p) { this.q.push(["identify", p]); } }; содан кейін window.TutorKit.identify(...) шақыр. Сондай-ақ басты навигация мен негізгі жасау батырмасына data-tour атрибуттарын қос. Аты-жөн мен email-ді ешқашан берме.
   
   Ережелер:
   - Скрипт URL-ін берілгендей қолдан. Оны жүктеп алма, бандлға жинама және npm пакетін орнатпа.
   - Жобада Content-Security-Policy бапталса, https://tryclew.io мекенжайын script-src және connect-src тізіміне қос.
   - Басқа ештеңені өзгертпе және диффті көрсет.

   Көшіру

   

4. Қадам 04

   Диффті қабылдап, коммит жасап, деплой етіңіз

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

   

5. Қадам 05

   Онбордингтің үш элементін жасаңыз

   Сценарийлер бөлімінде үш элемент жасаңыз: бір сәлемдесу сөйлемі мен негізгі экранға сілтемесі бар Модальды терезе; сол экрандағы Сайтта өңдеу және Элементті таңдау арқылы жиналған 3–4 қадамдық Қадамдық тултиптер туры; және қалған баптау тапсырмалары бар Онбординг чек-парағы.

   

6. Қадам 06

   Қайда, қашан және кімге көрсетуді таңдаңыз

   Сол редакторда Қай жерде көрсету (бет URL-і), Қашан көрсету, Аудиторияны таңдау және Жиілік өрістерін толтырыңыз. Жоғарыдағы мысалдың баптаулары:

   Баптау	Мәні
   Сәлемдесу поп-апы
   Формат	Модальды терезе
   Қай жерде көрсету (бет URL-і)	Нақты жол /deals
   Қашан көрсету	Бет жүктелгенде бірден
   Аудиторияны таңдау	Қасиет role тең sales_rep
   Жиілік	Әр келушіге бір рет
   Өнім туры
   Формат	Қадамдық тултиптер
   Қай жерде көрсету (бет URL-і)	Префикс бойынша бөлім /deals/pipeline
   Қашан көрсету	Бет жүктелгенде бірден
   Аудиторияны таңдау	Ереже жоқ — бетті ашқандардың бәрі
   Жиілік	Әр келушіге бір рет
   Чек-парақ
   Формат	Онбординг чек-парағы
   Қай жерде көрсету (бет URL-і)	Префикс бойынша бөлім /deals
   Қашан көрсету	N-ші кіргенде: 2
   Аудиторияны таңдау	Ереже жоқ — бетті ашқандардың бәрі
   Жиілік	Әр келушіге бір рет

   

7. Қадам 07

   Жариялап, сайтта тексеріңіз

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

   

Пайдаланушылар онбордингі Cursor-да жасалған қолданбада: ескеретін жайттар