בנו צ'אטבוט לשליחת דוא'ל עם Google Dialogflow

בנו צ'אטבוט לשליחת דוא'ל עם Google Dialogflow

צ'אטבוטים הופכים להיות כלי חיוני יותר ויותר עבור עסקים בעידן המודרני. עם הכלים והידע הנכונים, חברות יוצרות סוכני צ'אט שיכולים לנהל שיחות אמיתיות עם לקוחות.





Google Dialogflow ES הוא אחד הכלים החזקים ביותר בשוק - והחינמיים - לבניית צ'אטבוטים. אבל איך אתה יכול למצות את מלוא הפוטנציאל שלו?





איפור של סרטון היום

שלב 1: צור את סוכן ה-Dialogflow ES שלך

יצירת סוכן Dialogflow ES משלך היא השלב הראשון בתהליך זה. כל חשבון Google עובד, ואתה מתחיל בניווט אל אתר Google Dialogflow EN . לחץ על צור סוכן לאחר שנכנסת ומלא את הפרטים בטופס לפני הלחיצה לִיצוֹר . אתה יכול להשתמש ב-Dialogflow כדי צור צ'אט בוט לבידור , אוטומציה או שירות לקוחות. פרויקט זה מכסה את האחרון.





  צור סוכן זרימת דיאלוג

שלב 2: הוסף כוונות מעקב של Dialogflow

לסוכן החדש יש רק כוונת ברירת מחדל וכוונת ברירת מחדל. כוונה היא קטע או שלב בשיחה.

עליך להוסיף שתי כוונות המשך לכוונת ברירת המחדל הקיימת כדי להתחיל. רחף מעל ה- כוונת ברירת המחדל , לחץ על הוסף כוונת מעקב , ובחר כן מהתפריט הנפתח. חזור על התהליך על ידי בחירת לא מהתפריט הנפתח כדי ליצור את כוונת המעקב השנייה.



  כן ולא כוונות מעקב

הכוונה ללא מעקב תסיים את השיחה ותיפרד מהמשתמש. פתח את ה אין כוונת המשך ולהוסיף סדרה של תגובות טקסט כדי לסיים את השיחה. הפעל את הגדר את הכוונה הזו כסוף השיחה המחוון.

  כוונת השיחה של זרימת דיאלוג

חזור למסך הכוונות הראשי ולחץ על כן כוונת מעקב כדי לפתוח אותו.





שלב 3: בניית רשימת תגובות עשירה של Dialogflow עם JSON

עכשיו יש לך את הכוונות האלה, הגיע הזמן להציב למשתמש שאלה כדי שיוכל להגיע אליהן. פתח את ה כוונת ברירת המחדל ו לִמְחוֹק התגובות שהוא יצר איתן. נְקִישָׁה הוסף תגובות ובחר מטען מותאם אישית מהתפריט.

  מטען מותאם אישית של כוונת ברוכים הבאים

קוד JSON למטה מוסיף שני סוגים שונים של תגובות עשירות; מידע וצ'יפס.





{ 
"richContent": [
[
{
"type": "chips",
"options": [
{
"text": "Yes"
},
{
"text": "No"
}
]
},
{
"image": {
"src": {
"rawUrl": "https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/TK_email_icon.svg/1024px-TK_email_icon.svg.png"
}
},
"title": "Tell me about yourself :)",
"subtitle": "Give me some of your personal information. I'll send it to you in an email. That's the deal; absolutely no funny business. Promise! You in?",
"type": "info"
}
]
]
}

שלב 4: אסוף את שם המשתמש כפרמטר Dialogflow

לאחר מכן, הגיע הזמן להוסיף עוד כוונה מעקב לאיסוף נתונים מהמשתמש. כפי שתואר בשלב 2, כבר אמורה להיות לך כוונת מעקב של כן המבקשת את שם המשתמש. רחף מעל ה- כן כוונת מעקב בתפריט הכוונות הראשי, לחץ הוסף כוונת מעקב , ובחר המותאם אישית מהרשימה.

  בחר כן כוונת מעקב

פעולה זו תיצור כוונת מעקב חדשה ללא כל ביטויי אימון. עבור לקטע ביטויי אימון, הקלד שם בתיבה והקש על Enter כדי להוסיף אותו כביטוי חדש. זה יפעיל יצירת פרמטר חדש עם סוג הישות @sys.person. הקלק על ה @sys.person ישות ולשנות אותה ל-a @sys.given-name יֵשׁוּת.

  הגדרת פרמטר שם נתון של dialogflow

זה יאחסן את הקלט של המשתמש כך שהסוכן יוכל להשתמש בו. עבור לקטע תגובות והוסף תגובה עם $given-name בתוך זה. זה קורא לפרמטר השם שאספת, מה שמאפשר לו להופיע בצ'אט.

  תגובת פרמטר שם dialogflow

שלב 5: השתמש במטען מותאם אישית של Dialogflow כדי להפעיל כוונות

הישאר בתוך כוונת המעקב שזה עתה הוספת, לחץ על הוסף תגובות ובחר מטען מותאם אישית מהרשימה. הוספת קוד ה-JSON למטה לקטע זה תפעיל תגובה עשירה ברשימה המבקשת מהמשתמש לבחור צבע.

  רשימת תוכן עשירה בדיאלוג

החלק החשוב ביותר בקוד JSON זה הוא קטע האירוע עם כל כניסה. כאשר לוחצים עליו, כל פריט ברשימה קורא לאירוע בשם COLOR עם פרמטרי השם והצבע שנאספו עד כה. כוונות יכולות להיות מוקצות להן אירועים שיפעילו אותן.

{ 
"richContent": [
[
{
"event": {
"languageCode": "en",
"parameters": {
"name": "$given-name",
"color": "Red"
},
"name": "COLOR"
},
"title": "Red",
"type": "list"
},
{
"type": "divider"
},
{
"event": {
"name": "COLOR",
"languageCode": "en",
"parameters": {
"name": "$given-name",
"color": "Green"
}
},
"type": "list",
"title": "Green"
},
{
"type": "divider"
},
{
"type": "list",
"title": "Blue",
"event": {
"languageCode": "en",
"name": "COLOR",
"parameters": {
"name": "$given-name",
"color": "Blue"
}
}
}
]
]
}

שלב 6: העבר פרמטרים של Dialogflow בין כוונות

חזור לתפריט הכוונות הראשי ולחץ על צור כוונה . תן שם לכוונה החדשה שלך והיכנס צֶבַע בקטע האירועים לפני הפגיעה להיכנס .

  כוונת צבע עם אירוע

עבור לקטע ביטויי אימון והוסף שם וצבע לרשימת הביטויים כדי להפעיל יצירת פרמטרים חדשים. לשנות את ה @sys.person ישות פרמטר לא @sys.given-name ישות וודא שהישות הצבע מוגדרת ל @sys.color .

  אימון צבע ופרמטרים

כעת תוכל להוסיף כמה תגובות באמצעות $given-name ו-$color כדי שהקלטות של המשתמש יופיעו בחלון הצ'אט.

  תגובות כוונת צבע עם פרמטרים

לבסוף, חזור אל הקשרים בחלק העליון של העמוד והוסף פלט עם שם ייחודי. זה יעביר את הפרמטרים מהכוונה הזו לזו הבאה.

  הקשר פלט כוונת צבע

שלב 7: אסוף את המדינה ומספר הטלפון של המשתמש כפרמטרים של Dialogflow

חזור לתפריט הכוונות הראשי, העבר את העכבר מעל כוונת צבע זה עתה יצרת, ולחץ על הוסף כוונת מעקב . בדוק את קטע ההקשרים של הכוונה החדשה. ודא שהוא כולל את ההקשר של הצבע שיצרת בשלב האחרון הן בקטעי הקלט והן בקטע הפלט. הוסף הקשר פלט נוסף עבור הכוונה הנוכחית.

  כוונת מעקב אחר ארץ זרימת דיאלוג

עבור אל ביטויי אימון והוסיפו את שם המדינה לרשימה לפני שתלחצו להיכנס . פעולה זו תיצור פרמטר חדש. שנה את סוג הישות של הפרמטר ל @sys.geo-country לפני הוספת הפרמטר לקטע התגובה.

  הכשרה ופרמטרים במדינה

חזור לתפריט הכוונות הראשי וצור כוונת המשך חדשה עבור הכוונה שזה עתה יצרת. חזור על השלבים שזה עתה ביצעת, אך השתמש במספר טלפון ב- ביטויי אימון סָעִיף. ודא שלפרמטר שנוצר יש א @sys.phone-number סוג ישות.

  הכשרה ופרמטרים למספרי טלפון

חזור לתפריט הכוונות הראשי וצור שתי כוונות המשך חדשות עבור הכוונה שזה עתה יצרת; כוונת המשך כן ולא. אתה יכול להגדיר את הכוונה ללא מעקב כדי לסיים את השיחה.

הפעל Mac OS ב- Windows 10
  מספר טלפון כן לא מעקבים

כוונת המעקב של כן צריכה לכלול את כל ההקשרים מהכוונות הקודמות שיצרת.

  מעקב אחר הקשרי קלט

לבסוף, חזור לתפריט הכוונות הראשי וצור כוונת מעקב חדשה עבור כוונת המעקב של Yes שיצרת זה עתה. הוסף כתובת אימייל לקטע ביטויי אימון וודא שהפרמטר שנוצר יש @sys.email כסוג הישות שלו.

  פרמטר דואר אלקטרוני של dialogflow

עבור אל תגובות מקטע, לחץ הוסף תגובות , ובחר מטען מותאם אישית מהרשימה. קוד ה-JSON הבא יוסיף תגובה עשירה מסוג רשימה הקוראת לאירוע בשם SENDEMAIL. כל פרמטרי המשתמש שביקשת עד כה יישלחו לכוונה זו.

{ 
"richContent": [
[
{
"title": "Send Email",
"event": {
"parameters": {
"name": "#Color-followup.name",
"country": "#Color-country-followup.country",
"email": "$email",
"color": "#Color-followup.color",
"phone": "#Color-country-phonenum-followup.phone-number"
},
"name": "SENDEMAIL",
"languageCode": "en"
},
"type": "list"
}
]
]
}

שלב 8: שלח אימייל באמצעות עורך Dialogflow Node.js Inline

נְקִישָׁה צור כוונה בתפריט הכוונות הראשי. לְהוֹסִיף שלח אימייל אל ה אירועים סעיף ופגע להיכנס . בצע זאת על ידי הוספת כל הפרמטרים שאספת ל- פעולה ופרמטרים סָעִיף.

  אירוע ופרמטרים באימייל

עבור אל הַגשָׁמָה החלק בתחתית העמוד והפעל את המחוון המסומן אפשר שיחת webhook עבור כוונה זו . זה יאפשר לך להוסיף קוד מותאם אישית לכוונה זו.

  הגשמת כוונות זרימת דיאלוג

בחר הַגשָׁמָה מהתפריט הראשי בצד שמאל של העמוד והפעל את המחוון כדי להפעיל את עורך מוטבע . ייתכן שתצטרך להוסיף חשבון חיוב ל-Google Project שלך כדי לעשות זאת.

  עורך דיאלוג פעיל בשורה

הקלק על ה package.json לשונית וגלול לתחתית הקובץ. החלף את קטע התלות בקוד הבא כדי להוסיף את ה-API של Nodemailer לפרויקט שלך.

"dependencies": { 
"actions-on-google": "^2.2.0",
"firebase-admin": "^5.13.1",
"firebase-functions": "^2.0.2",
"dialogflow": "^0.6.0",
"nodemailer": "^4.4.2",
"dialogflow-fulfillment": "^0.5.0"
}

חזור לקובץ index.js והחלף את הקוד הקיים בדוגמה שנמצאה ב פרויקט CodePen זה לפני הלחיצה לפרוס . תצטרך להחליף את האישורים של Gmail באלו של החשבון שלך. אתה צריך להשתמש בסיסמת אפליקציה בשביל זה. לאחר השלמתו, הצ'אטבוט שלך ישלח למייל את כל הפרטים שאתה אוסף למשתמש בתום שיחה מוצלחת. אתה יכול למד עוד על Node.js וכיצד להשתמש בו עם המדריך השימושי שלנו.

שימוש ב-Dialogflow ES באתר האינטרנט שלך

הצ'אטבוט החדש שלך יכול לאסוף מידע משתמש ולשלוח מיילים, אבל Dialogflow ES יכול לעשות הרבה יותר. אתה יכול לחבר כמעט כל ממשק API לשירות זה, ותוכל להשתמש ב- Dialogflow API כדי לשלוט בצ'אטבוט שלך באתר האינטרנט שלך.