AI motorlu bir chatbot oluşturun

Sep 11, 2025
Nasıl Yapılır
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.

Yapay zeka (AI), çevre stratejilerini ne öğrendiğime göre, mevcut sorunlara bakmanın yeni yollarını oluşturmamızı sağlar. Projeleriniz - Uygulamalar, Web Siteleri veya Oyunları - onları daha ilgi çekici, kullanımı daha kolay hale getirmek ve daha değerli sonuçları elde etmek için AI'yi kaldırabilir. Böyle bir yöntem, kullanıcıların sitenizle etkileşime girmelerine yardımcı olmak için doğal dil bir chatbot oluşturmayı içerir.

İlk chatbot'unuzu oluşturmak için Google'ın yeni diyalogflow araç setini kullanacağız. Konuşma-metnin yanı sıra güçlü makine öğrenmesinin yanı sıra koşuyor. Web sitenize web sitenizde bir widget olarak dahil edilebilir veya ihtiyaçlarınıza göre özelleştirilebilir.

Yeni bir site planlama sürecindeyseniz, idealden her şey için tavsiye gerekir Web Sitesi Oluşturucu neye ağ sağlayıcısı Seçmek için servis, o yüzden rehberlerimizi inceleyin. Yeni bir tasarım sistemi oluşturma? Güvenli bir şekilde kaydedin Bulut depolama Bu yüzden tüm ekibiniz için erişilebilir. Şimdi bir chatbot nasıl oluşturulur ...

01. Bir hesap oluştur

Gitmek diyalogflow.com ve hesabınızı oluşturun. Giriş yap ve iletişim kutusunu hesabınıza erişebilmesini sağlamak için izinleri kabul et.

02. Bir ajan oluşturun

Dialogflow, AI'nizin örneklerini temsil etmek için 'ajan' terimini kullanır. Ajanı, yarattığınız sanal zeka olarak düşünün. Her biri kendi kişiliği ve amacı ile sizin için çalışan birçok ajanın olabilir.

'Ajan Oluştur' düğmesine tıklayın ve ajanınız için bir ad girin: 'HAL 9000'.

03. Bir niyet oluşturun

İlk önce, bir niyet oluşturmanız gerekir. Kullanıcının girişlerinin 'niyetini' tanımlıyoruz. 'Niyet Oluştur''u tıklayın ve' Kapıları aç 'olarak adlandırın. 'Kaydet' tuşuna basın.

04. AI'yi bu niyet için eğitin

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'.

Bir kullanıcının kullanabileceği ifadeler sağlayarak AI'yi bir niyet için eğitin

Bir kullanıcının kullanabileceği cümleleri sağlayarak AI'yi bu niyet için eğitin. NLP AI, ajanı eğitmek için bunları ve türetilmiş varyasyonları kullanır. 'Eğitim cümleleri' penceresinde aşağıdaki eğitim cümlelerini ekleyin ve istediğiniz kadar kendinizinkini ekleyin:

  • 'Pod Körfezi Kapılarını Aç, Hal.'
  • 'Kapıları aç.'
  • 'Bana izin ver, Hal!'

05. Cevaplar ekleyin

Daha sonra, ajanın yanıt vereceği bazı cevaplar eklemeniz gerekir. Bunları 'Cevaplar' penceresine girersiniz. Buna benzer bir şey deneyin:

  • 'Korkarım bunu yapamam, Dave.'
  • 'Bunu şu anda yapamam.'

Ardından, 'Yanıt Ekle'yi ve' Kaydet 'tuşuna tekrar basın. Ajanın eğitildiği bildirimleri göreceksiniz ve sonra hazır.

06. Chatbot'u test edin

Ekranın sağ tarafında bir test aracıdır. CHATBOT, bunu denerseniz, sesinizi metne dönüştürmek için Google'ın konuşma-metin servisini kullanacaktır. İsteğinizin sonuçlarını ve seçilen AI ajanının yanıtı görmelisiniz. Çok havalı!

07. Bir varlık oluşturun ve kullanın

Varlıklar, ajanın yanıtlarında değişken olarak tanımlanabilecek ve yeniden kullanılabilecek kavramlardır. AI'yi bir kullanıcının bir duyguyu ifade ettiğini anlamak için eğitalım, ardından kullanıcıya cevap olarak bunu kullanın.

Sol menüde, 'Varlıklar' nı tıklayın. Yeni varlığınızın adı için 'duygu' yazın. 'Eş anlamlıları tanımla' kontrol etti. Aşağıdaki tabloya tıklayın ve ilk duygu olarak 'kızgın' yazın. Ardından bunu sağ tıklatın ve 'MAD', 'üzgün', vb. Gibi eşanlamlar ekleyin. Ardından 'Korkmuş' için başka bir giriş ekleyin ve istediğiniz gibi eşanlamlıların 'korku' '' ', vb. Tamamlandığında 'Kaydet' tuşuna basın.

Bu şimdi ajanı 'kızgın' ve 'korkmuş' bir kullanıcının iletişim kurabileceği duyguları anlamak için eğitti. Tüm bu eşanlamlar oluşabilecek varyasyonlardır. AI da biraz üretecek.

08. Yeni bir niyet oluştur

Şimdi, oluşturduğumuz 'duygu' varlığını kullanmak için yeni bir niyet yaratacağız. Bu niyetin 'duygularını' arayın ve 'Kaydet'i tıklayın.

Sonraki 'Beni korkutuyorsun' gibi yeni eğitim ifadeleri ekle, 'Beni kızdırıyorsun' ve kızgın ve korkmuş anahtar kelimelerin varyasyonlarını kullanarak 'çok kızgınım'. Bu, bir kullanıcının bu duygusal ifadeyi ifade edebileceği çeşitli yolları anlamak için ajanı eğitecektir.

Sistemin sizin için korkmuş ve kızgın kelimeleri vurguladığını fark edeceksiniz. Bunları zaten varlık olarak işaret ediyor. Ayrıca 'Eylemler ve Parametreler' penceresine bir giriş ekledi. Bu, bu varlıkları da yanıtlarınızda kullanmanızı sağlar.

09. Yeni 'duygu' varlığını kullanarak bir cevap ekleyin

Cevaplar penceresinde, bu yeni varlığı kullanan yeni yanıtlar ekleyin. '$ Duygu' varlığını belirtmek için '$' not et. Bu yanıtları eklemeyi deneyin:

  • 'Üzgünüm $ duygu, Dave' diye hissediyorum. '
  • '$ Duygu hissetmek bir insan yanıtıdır, Dave.'

'Yanıt Ekle'yi tıklayın ve tüm niyetini kaydetmek için ekranın üstündeki' Kaydet 'düğmesine basın.

10. Chatbot'unuzu tekrar test edin

Test aracında aşağıdaki cümleleri söylemeyi veya yazmayı deneyin.

  • 'Beni çok kızdırıyorsun.'
  • 'Beni korkutuyorsun.'

İkinci biriyle 'korkmuş' kullanılarak nasıl yanıtlandığını fark ettin mi? Eş anlamladığımızı, 'çıldırdığını' tanıdığımızı bildiğimizi kullandı. Çok havalı.

Bununla oynamaktan çekinmeyin ve istediğiniz bazı niyetleri ve cevapları ekleyin ve ardından bunu bir web sayfasına ekleyeceğiz.

11. Web entegrasyonunu etkinleştirin

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

Web Demo'yu tıklatarak, widget'ı kendi web sitenize bırakmak için kullanabileceğiniz bir kod snippet görüntüleyecektir.

Web sayfanıza eklemek için, sol menüdeki 'Entegrasyon'ları tıklayın. Ardından, bu seçeneği açmak için 'Web Demo' kutusuna tıklayın.

Size doğrudan bir bağlantı gösteren bir pop-up görünecek, böylece entegrasyonunuzu hemen test etmek için kullanabilirsiniz. Ayrıca, widget'ı kendi Web sitenize bırakmak için kullanabileceğiniz bir kod snippet'i de görüntüleyecektir. Bu snippet'i panoya kopyalayın, böylece sitenize yapıştırabilirsiniz.

12. Temel bir web sayfası oluşturun ve snippet'i ekleyin

Temel bir HMTL sayfası oluşturun ve bir sonraki kod snippet'i ekleyin. Aşağıdaki kodu deneyin ve sunucunuza yükleyin veya yerel sunucunuzda çalıştırın. Dialogflow ajanınızdan kopyaladığınız kişiyle aşağıdaki snippet'i değiştirin: 

 & lt;! DOCTYPE HTML & GT;
& lt; html & gt;
& lt; head & gt;
& lt; unvan & gt; net - AI chatbot & lt; / unvan & gt;
/ head & gt;
& lt; vücut ve gt;
& lt; iframe
    izin ver = "mikrofon;" width = "350" yükseklik = "430" src = "https://console.dialogflow.com/api-client/demo/embedded/BBD27D04-5546-4B62-85A5-C373575A33AA" & gt;
& lt; / iframe & gt;
& lt; / body & gt;
& lt; / html & gt;

Bu makale başlangıçta NET'in 312 sayısında yayınlandı, dünyanın web tasarımcıları ve geliştiricileri için dünyanın en çok satan dergisi. Sayı satın al 312 veya Net'e abone olun .

Sitelerinize ve uygulamalarınıza nasıl getirebileceğiniz hakkında daha fazla bilgi edinmek ister misiniz?

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

Web Tasarımcıları için ödüllü kazanan konferans, 24-25 Nisan'da NYC'ye döner! Bilet rezervasyonu için www.generateconf.com adresini ziyaret edin.

Tasarımlarınıza nasıl getirebileceğiniz hakkında daha fazla bilgi edinmek için istekli? Büyük medyanın kurucusu olan Josh Clark, Keynote 'ai'nin yeni tasarım materyaliniz olduğunu, 25 Nisan'da New York'taki yeni tasarım materyaliniz olduğunu, içinde makine tarafından üretilen içerik, içgörü ve etkileşimi bir tasarım malzemesi olarak kullanmayı öğretecek. Günlük işin.

24-25 Nisan'dan itibaren New York runs üretin - Şimdi biletlerinizi alın K!

İlgili Makaleler:

  • Google'ın bulut vizyonuna rehberlik
  • 2019'da tasarımcıların bilmesi gereken 7 büyük teknoloji trendleri
  • Tasarımcıların robotlarla değiştirilecek mi?

Nasıl Yapılır - En Popüler Makaleler

Shapr3d ile giderken Nasıl KIBBASH

Nasıl Yapılır Sep 11, 2025

(Resim Kredisi: Adam Dewhirst) ShapR3D, Kitbashing için harika bir araçtır. Kelimenin tam anlamıyla fikirleri pat..

Gerçekçi bir dijital insan oluşturun

Nasıl Yapılır Sep 11, 2025

Biliyorsundur İnsanları nasıl çizilir , ancak bir fotoğraftan ayırt edilemeyen bir dijital portre oluşturma..

3DS Max'teki büyük ölçekli ortamlar

Nasıl Yapılır Sep 11, 2025

Bu parçanın amacı bir parça üretmekti 3d sanat Bu, doğrudan üretim sonrası veya hiç olmadığı, çerçev..

Nasıl ıslak bir rakam çizilir

Nasıl Yapılır Sep 11, 2025

Bekalanan bir figürü boyamak için, dikkate alındığında bir dizi faktöre girmenizi gerektirir - kullandıkları kumaş tü..

Master Kullanıcı Deneyimi Stratejisi

Nasıl Yapılır Sep 11, 2025

Ux stratejisi Dijital bir ürünün tasarım veya geliştirilmesinden önce başlatılması gereken bir süreçtir. A..

Kullanılabilirlik testine giriş

Nasıl Yapılır Sep 11, 2025

Başarılı bir web ürünü, sadece kuruluşunuzun ihtiyaçlarını değil, aynı zamanda kullanıcılarınızın ihtiyaçlarını karşılamaktadır. Kullanılabilirlik testi - erken ve sı..

Manga tarzı saçların hareket halindeki nasıl oluşturulacağı

Nasıl Yapılır Sep 11, 2025

Öğrenme Manga nasıl çizilir kolay bir feat değil. Öyleyse, mümkün olduğunca kolay hale getirmek için, hareket, şekil, renk, aydınlatma ve doku kullanan basit bir ad..

Nakit akışını etkili bir şekilde yönetmenin 5 yolu

Nasıl Yapılır Sep 11, 2025

CashFlow'ınızı kontrol etmek, serbest başarının anahtarıdır ve bu kadar etkili bir şekilde yaptığınızdan emin olmak ..

Kategoriler