ЖИ көмегімен жасалған қолданбадағы турлар мен онбординг

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

1. Қадам 01

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

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

   

2. Қадам 02

   Жобаны файлдарды өңдейтін режимде ашыңыз

   • Claude Code: жоба қалтасында claude командасын іске қосыңыз.
   • Cursor: Agent режиміндегі чат.
   • Lovable, Bolt.new, v0: жоба чаты.
   • Replit: Agent немесе Assistant.

   

3. Қадам 03

   Промптты өз кілтіңізбен қойыңыз

   Промптты көшіріп, САЙТ_КІЛТІН_ҚОЙЫҢЫЗ орнына өз кілтіңізді қойып, жіберіңіз. Промпт ағылшын тілінде — кодтау ассистенттері оны ең дәл түсінеді. Онда әр стекке дұрыс файл көрсетілген, сондықтан ассистент тегті компоненттерге шашыратпайды.

   Add the Clew onboarding widget to this app.
   
   Insert this exact tag so it loads once on every page, including after client-side route changes:
   <script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>
   
   Where to put it (pick what matches this project):
   - Plain HTML, React + Vite, Vue + Vite: index.html, right before </head>
   - Next.js App Router: app/layout.tsx, with next/script: <Script src="(same URL)" strategy="afterInteractive" /> inside <body>
   - Next.js Pages Router: pages/_app.tsx, the same next/script component
   - Nuxt 3: nuxt.config.ts, app.head.script: [{ src: "(same URL)", async: true }]
   - SvelteKit: src/app.html, right before %sveltekit.head%
   - Astro: the <head> of the shared layout
   - Anything else: the root HTML template or root layout rendered on every page
   
   Rules:
   - Use the URL exactly as given. Do not download the script, bundle it or install an npm package.
   - Add it in one place only, never inside a component that re-renders.
   - If the project sets a Content-Security-Policy, allow https://tryclew.io in script-src and connect-src.
   - Change nothing else, then show me the diff.

   Көшіру

   

4. Қадам 04

   Тек бір файл өзгергенін тексеріңіз

   Қабылдамас бұрын diff-ті қараңыз. Күтілетіні: кілтіңіз бар бір файл және бір қосылған жол (немесе Next.js-те шағын <Script> блогы). Ассистент компоненттерді түзесе, пакет орнатса немесе скриптті жобаға көшірсе, оны кері қайтарып, тек тегті қалдыруды сұраңыз.

   

5. Қадам 05

   Жариялаңыз немесе деплой жасаңыз

   Тег тек жарияланған қолданбада жұмыс істейді. Lovable, Bolt.new, v0 немесе Replit-те Publish не Deploy батырмасын басыңыз. Claude Code мен Cursor-да, хостинг git-тен деплой жасаса, әдеттегідей коммит пен пуш жасаңыз.

   

6. Қадам 06

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

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

   

Әр стекте тег қайда қойылады

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

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