आवश्यकताएँ
मोडल का उपयोग करने से पहले, सुनिश्चित करें कि आपने अपने प्रोजेक्ट में मेलोटेल एलिमेंट्स सेटअप कर लिया है:एक्सटेंशन इंटीग्रेशन
ब्राउज़र एक्सटेंशन्स के लिए सेटअप
वेबसाइट इंटीग्रेशन
NPM या CDN का उपयोग करके वेबसाइट्स के लिए सेटअप
मुख्य विशेषताएँ
- क्रॉस-प्लेटफॉर्म - वेबसाइट्स और एक्सटेंशन कंटेंट स्क्रिप्ट्स में काम करता है
- स्मार्ट स्नूज़िंग - उपयोगकर्ता 1 सप्ताह, 2 सप्ताह के लिए स्नूज़ कर सकते हैं या स्थायी रूप से अक्षम कर सकते हैं
- क्रोम स्टोरेज - उपलब्ध होने पर क्रोम स्टोरेज API का उपयोग करता है, अन्यथा localStorage का उपयोग करता है
- शैडो DOM - स्टाइल आइसोलेशन होस्ट पेज स्टाइल्स के साथ संघर्ष को रोकता है
- मोबाइल रिस्पॉन्सिव - सभी स्क्रीन आकारों के लिए अनुकूलित
- एक्सटेंशन विवरण - स्वचालित रूप से एक्सटेंशन का नाम और आइकन प्राप्त करता है और प्रदर्शित करता है
मोडल बनाना
एक बार जब आपने मेलोटेल एलिमेंट्स को इनिशियलाइज़ कर लिया (ऊपर दिए गए इंटीग्रेशन गाइड्स देखें), तो आप सपोर्ट मोडल बना और प्रदर्शित कर सकते हैं:बेसिक उपयोग
उपयोग के उदाहरण
कंटेंट स्क्रिप्ट्स में
वेबसाइट्स पर
शर्तीय प्रदर्शन
API संदर्भ
createModal(inviteId, title?, body?)
सपोर्ट मोडल बनाता और प्रदर्शित करता है।
पैरामीटर्स:
inviteId(string, आवश्यक): मोडल इंटरैक्शन्स को ट्रैक करने के लिए यूनिक पहचानकर्ताtitle(string, वैकल्पिक): कस्टम मोडल शीर्षक (डिफ़ॉल्ट “मेलोटेल के साथ समर्थन करें”)body(string, वैकल्पिक): कस्टम मोडल बॉडी टेक्स्ट
Promise<void>
मोडल व्यवहार
स्नूज़ विकल्प
उपयोगकर्ता तीन स्नूज़ विकल्पों में से चुन सकते हैं:- 1 सप्ताह: मोडल 7 दिनों के लिए नहीं दिखाई देगा
- 2 सप्ताह: मोडल 14 दिनों के लिए नहीं दिखाई देगा
- अक्षम करें: मोडल फिर कभी दिखाई नहीं देगा