Build an AI-powered chatbot

Sep 15, 2025
कैसे करना है
An illustration showing an android with an electronic brain in front of a globe marked with symbols indicated technological advancement, such as binary code, molecules and communications relays.

कृत्रिम बुद्धि (एआई) हमें मौजूदा समस्याओं को देखने के नए तरीकों को बनाने में सक्षम बनाता है, पर्यावरण रणनीतियों से कैसे हम सीखते हैं। आपकी परियोजनाएं - चाहे ऐप्स, वेब साइट्स या गेम - उन्हें अधिक आकर्षक बनाने, उपयोग करने में आसान और अधिक मूल्यवान परिणाम बनाने के लिए एआई का लाभ उठा सकते हैं। ऐसी एक विधि में उपयोगकर्ताओं को आपकी साइट के साथ बातचीत करने में सहायता के लिए एक प्राकृतिक भाषा चैटबॉट बनाना शामिल है।

अपना पहला चैटबॉट बनाने के लिए, हम Google के नए संवाद फ्लाव टूलसेट का उपयोग करेंगे। यह शक्तिशाली मशीन सीखने के साथ ही भाषण-से-पाठ का उपयोग करता है। इसे आपकी वेबसाइट में विजेट या आपकी आवश्यकताओं के अनुकूलित के रूप में शामिल किया जा सकता है।

यदि आप एक नई साइट की योजना बनाने की प्रक्रिया में हैं, तो आपको आदर्श से सबकुछ पर सलाह की आवश्यकता होगी [2 9] वेबसाइट निर्माता

किसको [2 9] वेब होस्टिंग सेवा चुनने के लिए, तो हमारे गाइड देखें। एक नई डिजाइन प्रणाली बनाना? इसे सुरक्षित रूप से सहेजें [2 9] घन संग्रहण तो यह आपकी पूरी टीम के लिए सुलभ है। अब एक चैटबॉट कैसे बनाएं ...

01. एक खाता बनाएँ

के लिए जाओ [3 9] DialogFlow.com

और अपना खाता बनाएं। अपने खाते तक पहुंचने के लिए संवाद फ्लाव को सक्षम करने के लिए साइन इन करें और अनुमतियों से सहमत हों।

02. एक एजेंट बनाएँ

डायलॉगफ्लो आपके एआई के उदाहरणों का प्रतिनिधित्व करने के लिए 'एजेंट' शब्द का उपयोग करता है। एजेंट के बारे में सोचें कि वर्चुअल इंटेलिजेंस आप बना रहे हैं। आपके पास आपके लिए कई एजेंट काम कर सकते हैं, प्रत्येक अपने व्यक्तित्व और उद्देश्य के साथ।

'एजेंट बनाएं' बटन पर क्लिक करें और अपने एजेंट के लिए एक नाम दर्ज करें: 'एचएएल 9000'।

03. एक इरादा बनाएँ

सबसे पहले, आपको एक इरादा बनाने की जरूरत है। हम उपयोगकर्ता के इनपुट के 'इरादे' को परिभाषित कर रहे हैं। 'इरादे बनाएं' पर क्लिक करें और इसे 'ओपन दरवाजे' नाम दें। 'सेव' दबाएं।

04. इस इरादे के लिए एआई को प्रशिक्षित करें

An image showing the Google Dialogflow interface – in the box that's marked 'USER SAYS', it reads 'open the door hal' and in the box marked 'DEFAULT RESPONSE', it reads 'Sorry Dave. I can't do that now'.

उपयोगकर्ता को उपयोग करने वाले वाक्यांशों को प्रदान करके एक इरादे के लिए एआई को प्रशिक्षित करें

उपयोगकर्ता को उपयोग करने वाले वाक्यांशों को प्रदान करके इस इरादे के लिए एआई को प्रशिक्षित करें। एनएलपी एआई एजेंट को प्रशिक्षित करने के लिए इन और व्युत्पन्न विविधताओं का उपयोग करेगा। 'प्रशिक्षण वाक्यांशों' विंडो में निम्नलिखित प्रशिक्षण वाक्यांश जोड़ें और अपनी तरह के रूप में अपने आप को जोड़ें:

  • 'पॉड बे दरवाजे, एचएएल खोलें।' [7 9]
  • 'दरवाजे खोलो।' [7 9]
  • 'मुझे अंदर जाने दो!' [7 9]

05. प्रतिक्रियाएँ जोड़ें

इसके बाद, आपको कुछ प्रतिक्रियाएं जोड़ना होगा कि एजेंट के साथ जवाब देगा। आप इन्हें 'प्रतिक्रिया' विंडो में दर्ज करते हैं। इस तरह से कुछ आज़माएं:

  • 'मुझे डर है कि मैं ऐसा नहीं कर सकता, डेव।' [7 9]
  • 'मैं अभी ऐसा नहीं कर सकता।' [7 9]

फिर 'प्रतिक्रियाएं जोड़ें' और शीर्ष पर फिर से 'सहेजें' दबाएं। आपको सूचनाएं दिखाई देगी कि एजेंट को प्रशिक्षित किया जा रहा है और फिर यह तैयार है।

06. चैटबॉट का परीक्षण करें

स्क्रीन के दाईं ओर एक परीक्षण उपकरण है। यदि आप इसे आजमाते हैं तो चैटबॉट आपकी आवाज़ को टेक्स्ट में अनुवाद करने के लिए Google की भाषण-से-टेक्स्ट सेवा का उपयोग करेगा। आपको अपने अनुरोध के परिणाम और एआई एजेंट का चयन करना चाहिए। बहुत ही शांत!

07. एक इकाई बनाएं और उपयोग करें

संस्थाएं अवधारणाएं हैं जिन्हें एजेंट के प्रतिक्रियाओं में चर के रूप में परिभाषित और पुन: उपयोग किया जा सकता है। आइए एआई को यह समझने के लिए प्रशिक्षित करते हैं कि जब कोई उपयोगकर्ता भावना व्यक्त कर रहा है तो उपयोगकर्ता के जवाब में इसका उपयोग करें।

बाएं हाथ के मेनू पर, 'संस्थाएं' पर क्लिक करें। अपनी नई इकाई के नाम के लिए 'भावना' टाइप करें। 'समानार्थी शब्द' की जाँच कीजिए। नीचे दी गई तालिका में क्लिक करें और पहले भावना के रूप में 'नाराज' टाइप करें। फिर उस के दाईं ओर क्लिक करें और 'पागल', 'परेशान' जैसे समानार्थी शब्द जोड़ें। फिर 'डर' के लिए एक और प्रविष्टि जोड़ें और समानार्थी शब्द 'डर,' 'भयभीत', आदि का उपयोग करें, जिसे आप पसंद करते हैं। जब पूरा हो जाए तो 'सेव' दबाएं।

इसने अब एजेंट को यह समझने के लिए प्रशिक्षित किया है कि 'गुस्सा' और 'डर' भावनाएं हैं जो उपयोगकर्ता संवाद कर सकते हैं। उन सभी समानार्थी शब्द भिन्नताएं हैं जो हो सकते हैं। एआई कुछ भी उत्पन्न करेगा।

08. एक नया इरादा बनाएँ

अब हम 'भावना' इकाई का उपयोग करने के लिए एक नया इरादे पैदा करने जा रहे हैं जिसे हमने बनाया है। इस इरादे को 'भावनाओं' पर कॉल करें और 'सहेजें' पर क्लिक करें।

इसके बाद नए प्रशिक्षण वाक्यांश जोड़ें जैसे 'आप मुझे डरा रहे हैं', 'आप मुझे पागल कर रहे हैं', और 'मैं बहुत नाराज हूं,' क्रोधित और भयभीत कीवर्ड की विविधताओं का उपयोग कर। यह एजेंट को विभिन्न तरीकों से समझने के लिए प्रशिक्षित करेगा कि उपयोगकर्ता इस भावनात्मक बयान को वाक्यांशबद्ध कर सकता है।

आप देखेंगे कि सिस्टम आपके लिए डर और क्रोधित शब्दों को हाइलाइट करता है। यह पहले से ही इन्हें संस्थाओं के रूप में चिह्नित कर रहा है। इसने 'क्रियाओं और पैरामीटर' विंडो में एक प्रविष्टि भी जोड़ा है। यह आपको इन इकाइयों का उपयोग करने में भी सक्षम बनाता है।

09. नई 'भावना' इकाई का उपयोग करके एक प्रतिक्रिया जोड़ें

प्रतिक्रिया खिड़की में, इस नई इकाई का उपयोग करने वाले नए प्रतिक्रियाएं जोड़ें। '$ भावना' इकाई को दर्शाने के लिए '$' पर ध्यान दें। इन प्रतिक्रियाओं को जोड़ने का प्रयास करें:

  • 'मुझे खेद है कि आप $ भावनात्मक महसूस कर रहे हैं, डेव।' [7 9]
  • '$ भावनन एक मानव प्रतिक्रिया है, डेव।' [7 9]

'प्रतिक्रियाएं जोड़ें' पर क्लिक करें और पूरे इरादे को बचाने के लिए स्क्रीन के शीर्ष पर 'सेव' बटन दबाएं।

10. अपने चैटबॉट का फिर से परीक्षण करें

परीक्षण उपकरण में निम्नलिखित वाक्यांशों को कहने या टाइप करने का प्रयास करें।

  • 'तुम मुझे बहुत गुस्सा हेल बना रहे हो।' [7 9]
  • 'तुम मुझे पागल कर रहे हो।' [7 9]

ध्यान दें कि दूसरे के साथ 'डर' का उपयोग करके इसका जवाब कैसे दिया गया? यह हमारे पर्यायवाची का उपयोग करता था, 'अजीब आउट' जानने के लिए कि हम डर गए थे। बहुत ही शांत।

इसके साथ खेलने के लिए स्वतंत्र महसूस करें और साथ ही साथ कुछ और इरादों और प्रतिक्रियाओं को भी जोड़ें और फिर हम इसे वेब पेज पर जोड़ देंगे।

11. वेब एकीकरण को सक्रिय करें

An image showing Google Dialogflow's pop-up featuring a direct link and embeddable HTML snippet for a created chatbot.

वेब डेमो पर क्लिक करने से कोड स्निपेट प्रदर्शित होगा आप विजेट को अपनी वेबसाइट में छोड़ने के लिए उपयोग कर सकते हैं

इसे अपने वेब पेज पर जोड़ने के लिए, बाएं हाथ के मेनू पर 'एकीकरण' पर क्लिक करें। फिर उस विकल्प को चालू करने के लिए 'वेब डेमो' बॉक्स पर क्लिक करें।

एक पॉप-अप दिखाई देगा जो आपको एक सीधा लिंक दिखाता है ताकि आप तुरंत अपने एकीकरण का परीक्षण करने के लिए उपयोग कर सकें। यह एक कोड स्निपेट भी प्रदर्शित करेगा जिसका उपयोग आप विजेट को अपनी वेबसाइट में छोड़ने के लिए कर सकते हैं। उस स्निपेट को क्लिपबोर्ड पर कॉपी करें ताकि आप इसे अपनी साइट पर पेस्ट कर सकें।

12. एक मूल वेब पेज बनाएं और स्निपेट जोड़ें

एक मूल एचएमटीएल पेज बनाएं और उस कोड स्निपेट को अगला शामिल करें। निम्न कोड आज़माएं और इसे अपने सर्वर पर अपलोड करें या इसे अपने स्थानीय सर्वर पर चलाएं। नीचे दिए गए स्निपेट को उस व्यक्ति के साथ बदलें जिसे आपने अपने संवाद से कॉपी किया था: 

 & lt;! डॉक्टाइप एचटीएमएल और जीटी;
& lt; html & gt;
& lt; हेड और जीटी;
& lt; शीर्षक & gt; नेट - एआई चैटबॉट & lt; / शीर्षक & gt;
& lt; / सिर & gt;
& lt; शरीर & gt;
& lt; iframe
    अनुमति = "माइक्रोफोन;" चौड़ाई = "350" ऊंचाई = "430" src = "https://console.dialogflow.com/api-client/demo/embedded/bbd27d04-5546-4B62-85A5-C373575A33AA" & gt;
& lt; / iframe & gt;
& lt; / शरीर & gt;
& lt; / html & gt;

यह आलेख मूल रूप से नेट 312 में प्रकाशित किया गया था, जो वेब डिजाइनरों और डेवलपर्स के लिए दुनिया की सबसे अच्छी बिकने वाली पत्रिका। अंक 312 खरीदें या नेट की सदस्यता लें ।

इस बारे में अधिक जानने के लिए कि आप एआई को अपनी साइट्स और ऐप्स कैसे ला सकते हैं?

[1 9 2]

[1 9 8] An image promoting generate New York 2019 from April 24th -25th and speaker Josh Clark's keynote 'AI is your new design material'.

जेनरेट, वेब डिजाइनरों के लिए पुरस्कार विजेता सम्मेलन, 24-25 अप्रैल को एनवाईसी लौट आया! टिकट बुक करने के लिए www.generateconf.com पर जाएं

आप अपने डिजाइन में एआई कैसे ला सकते हैं इसके बारे में और जानने के लिए उत्सुक? बड़े माध्यम के संस्थापक जोश क्लार्क 25 अप्रैल को न्यूयॉर्क जेनरेट करने के लिए 'एआई आपकी नई डिजाइन सामग्री' दे रहे हैं, जिसमें वह आपको मशीन से उत्पन्न सामग्री, अंतर्दृष्टि और एक डिजाइन सामग्री के रूप में बातचीत का उपयोग करने के लिए सिखाएगा आपका रोजमर्रा का काम।

24-25 अप्रैल से न्यूयॉर्क रन बनाएँ - अब अपने टिकट प्राप्त करें !

[2 9] संबंधित आलेख:

  • Google के क्लाउड विजन के लिए एक गाइड [7 9]
  • [2 9] 2019 में 7 विशाल तकनीकी रुझान जो डिजाइनरों को जानने की जरूरत है
[7 9]
  • क्या डिजाइनरों को रोबोटों द्वारा प्रतिस्थापित किया जाएगा? [7 9]

    • कैसे करना है - सर्वाधिक लोकप्रिय लेख

    How to change the font in your Instagram bio

    कैसे करना है Sep 15, 2025

    (छवि क्रेडिट: गेट्टी छवियां) [1 9] अपने इंस्टाग�..

    How to add animation to SVG with CSS

    कैसे करना है Sep 15, 2025

    [छवि: वेब डिजाइनर] [1 9] जब एसवीजी के साथ एनिमेट�..

    मोबाइल डिजाइन के 8 गोल्डन नियम

    कैसे करना है Sep 15, 2025

    मोबाइल डिजाइन एक अपेक्षाकृत नया लेकिन महत्वपूर्..

    प्रोक्रीट ट्यूटोरियल: पुराने मास्टर्स की तरह कैसे पेंट करें

    कैसे करना है Sep 15, 2025

    पुराने स्वामी से सीखने के लिए हमेशा कुछ नया होता �..

    How to sculpt a character in VR

    कैसे करना है Sep 15, 2025

    2 का पृष्ठ 1: पृष्ठ 1 [2 9] पृष्ठ 1 ..

    How to build worlds for the cinema

    कैसे करना है Sep 15, 2025

    एक फंतासी वातावरण बनाने पर एक कार्यशाला करने के ल..

    Create 3D clothes with realistic creases and folds

    कैसे करना है Sep 15, 2025

    सीजी एनीमेशन के नवाचार के बाद से यथार्थवादी आभास�..

    Draw accurate bones and muscle

    कैसे करना है Sep 15, 2025

    एनाटॉमी एक विशाल विषय है और वैज्ञानिक सूचना और कल..

    श्रेणियाँ