इस पेज पर कार्ड के मुख्य यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट बनाने और बनाने का तरीका बताया गया है Google Chat में मैसेज भेजने की सुविधा मिलती है.
कार्ड किसी तय लेआउट के साथ काम करते हैं, इंटरैक्टिव यूज़र इंटरफ़ेस (यूआई) एलिमेंट, जैसे कि बटन और रिच मीडिया, जैसे कि इमेज. जानकारी देने, इनपुट इकट्ठा करने, इसके ज़रिए उपयोगकर्ताओं को अगले चरण के बारे में बताएँगे. इसके लिए, कार्ड मैसेज और डायलॉग होने चाहिए.
Chat ऐप्लिकेशन के लिए, JSON कार्ड मैसेज डिज़ाइन करने और उनकी झलक देखने के लिए, Card Builder का इस्तेमाल करें:
कार्ड बिल्डर खोलेंआम तौर पर, कार्ड और डायलॉग में ये कॉम्पोनेंट होते हैं:
- एक
CardHeader
, जिसमें आपके कार्ड का टाइटल मौजूद होता है. - एक या एक से ज़्यादा
CardSection
विजेट, जो कार्ड का मुख्य हिस्सा बनाते हैं. - सिर्फ़ डायलॉग के लिए, खास तौर पर
CardFixedFooter
विजेट.
ज़रूरी शर्तें
Google Chat ऐप्लिकेशन, जिसमें इंटरैक्टिव सुविधाएं चालू हैं. बनाने के लिए इंटरैक्टिव चैट ऐप्लिकेशन. इनमें से किसी एक क्विकस्टार्ट के आधार पर उसे पूरा करें का इस्तेमाल करें जिसका इस्तेमाल करना है:
- Google Cloud Functions के साथ एचटीटीपी सेवा
- Google Apps स्क्रिप् ट
- Google Cloud Dialogflow CX
- Google Cloud Pub/Sub
हेडर जोड़ें
CardHeader
विजेट
कार्ड के हेडर को दिखाता है. हेडर में
आपके कार्ड के लिए टाइटल, सबटाइटल, और अवतार इमेज.
आप इसके लिए CardHeader
को शामिल कर सकते हैं
कार्ड मैसेज और
डायलॉग शामिल किए गए हैं.
यहां CardHeader
का उदाहरण दिया गया है:
कार्ड का कोई सेक्शन तय करना
CardSection
विजेट
हाई-लेवल कंटेनर जोड़ा जा सकता है. आप कार्ड का इस्तेमाल करते हैं
सेक्शन पर क्लिक करें. हर कार्ड सेक्शन के लिए,
एक हेडर और एक या ज़्यादा विजेट होते हैं.
आप इसके लिए CardSection
को शामिल कर सकते हैं
कार्ड मैसेज और
डायलॉग शामिल किए गए हैं.
यहां CardSection
का उदाहरण दिया गया है, जिसमें दो textParagraph
हैं
विजेट:
छोटे किए जा सकने वाले सेक्शन का पसंद के मुताबिक बनाया जा सकने वाला कंट्रोल बटन
अपनी साइट के सेक्शन को छोटा और बड़ा करने वाले कंट्रोल बटन को अपनी पसंद के मुताबिक बनाएं चैट कार्ड. इमेज के अलग-अलग आइकॉन या इमेज में से चुनें और सेक्शन में दी गई जानकारी, ताकि लोग आपके कॉन्टेंट को आसानी से समझ सकें और उसके साथ इंटरैक्ट कर सकें जानकारी.
स्थायी फ़ुटर जोड़ें
CardFixedFooter
विजेट एक ऐसे डायलॉग मैसेज का फ़ुटर दिखाता है जो इसके ज़रिए भेजा गया है
एक चैट ऐप्लिकेशन.
फ़ुटर में मुख्य बटन और दूसरा बटन शामिल किया जा सकता है.
CardFixedFooter
विजेट सिर्फ़ इनके लिए उपलब्ध है
डायलॉग.
यहां दो बटन वाले CardFixedFooter
विजेट का उदाहरण दिया गया है:
समस्या हल करें
जब Google Chat ऐप्लिकेशन या card कोई गड़बड़ी दिखाता है, Chat के इंटरफ़ेस पर, "कोई गड़बड़ी हुई" मैसेज दिखता है. या "आपका अनुरोध प्रोसेस नहीं किया जा सका." कभी-कभी Chat यूज़र इंटरफ़ेस (यूआई) गड़बड़ी का कोई मैसेज नहीं दिखाता है. हालांकि, Chat ऐप्लिकेशन या कार्ड से कोई अनचाहा नतीजा मिलता है; उदाहरण के लिए, कार्ड मैसेज शायद वे नहीं दिखते.
हालांकि, Chat के यूज़र इंटरफ़ेस (यूआई) में गड़बड़ी का मैसेज शायद न दिखे, गड़बड़ी ठीक करने में आपकी मदद करने के लिए, जानकारी देने वाले गड़बड़ी के मैसेज और लॉग डेटा उपलब्ध है जब चैट ऐप्लिकेशन के लिए गड़बड़ी लॉग करने की सेटिंग चालू हो. मदद के लिए, डीबग करने और गड़बड़ियां ठीक करने के लिए, देखें Google Chat से जुड़ी गड़बड़ियां हल करना और गड़बड़ियां ठीक करना.