FastComments.com

MemberSpace के साथ टिप्पणियाँ जोड़ें

FastComments के साथ, हम MemberSpace के संयोजन से केवल सदस्यों (Members-only) के लिए एक्सक्लूसिव कमेंटिंग सेट अप कर सकते हैं।

हम चाहें तो एक ही समय में, जब उपयोगकर्ता लॉग इन हो, अनाम (anonymous) कमेंटिंग की अनुमति भी दे सकते हैं, और उपयोगकर्ता की सदस्यता के आधार पर कस्टम बैज भी सेट कर सकते हैं!

कोड Internal Link

हम एक छोटे कोड स्निपेट के साथ FastComments को MemberSpace के साथ आसानी से जोड़ सकते हैं:

FastComments MemberSpace स्निपेट
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 (function () {
6 const tenantId = 'demo';
7 const ALLOW_ANON = false;
8 const LOGIN_URL = 'https://example.com/login';
9 const PLAN_DISPLAY_LABELS = {
10 'VIP Plan': 'VIP'
11 };
12 let lastInstance;
13
14 function tick() {
15 if (!window.MemberSpace) {
16 return setTimeout(tick, 100);
17 }
18 if (!window.FastCommentsUI) {
19 return setTimeout(tick, 100);
20 }
21 const target = document.getElementById('fastcomments-widget');
22 if (!target) {
23 return setTimeout(tick, 100);
24 }
25 const data = MemberSpace.getMemberInfo();
26 if (data.isLoggedIn && data.memberInfo) {
27 lastInstance = FastCommentsUI(target, {
28 tenantId: tenantId,
29 urlId: window.location.pathname,
30 simpleSSO: {
31 displayLabel: getDisplayLabel(data.memberInfo),
32 username: data.memberInfo.name,
33 email: data.memberInfo.email,
34 avatar: data.memberInfo.profileImageUrl
35 }
36 });
37 } else if (lastInstance) {
38 lastInstance.destroy();
39 lastInstance = FastCommentsUI(target, {
40 tenantId: tenantId,
41 urlId: window.location.pathname,
42 simpleSSO: getAnonSSOConfig()
43 });
44 }
45 }
46
47 function getAnonSSOConfig() {
48 if (ALLOW_ANON) {
49 return undefined;
50 }
51 return {
52 loginURL: LOGIN_URL
53 };
54 }
55
56 function getDisplayLabel(memberInfo) {
57 if (!memberInfo.memberships) {
58 return;
59 }
60 for (const membership of memberInfo.memberships) {
61 const label = PLAN_DISPLAY_LABELS[membership.name];
62 if (label) {
63 return label
64 }
65 }
66 }
67
68 tick();
69 })();
70</script>
71

जब उपयोगकर्ता MemberStack के माध्यम से लॉग इन होकर आपकी साइट या एप्लिकेशन पर आता है, तो वह स्वतः ही FastComments में लॉग इन हो जाएगा और उसकी टिप्पणियाँ Verified के रूप में चिह्नित होंगी।

इसके अतिरिक्त, उपरोक्त उदाहरण में यदि आपके पास VIP Plan नामक कोई सब्सक्रिप्शन प्लान है, तो हम उपयोगकर्ता के नाम के आगे एक VIP बैज प्रदर्शित करेंगे। आप अधिक प्लान जोड़ने के लिए उदाहरण को संपादित कर सकते हैं। यदि आपके कोई प्रश्न हैं तो सपोर्ट से संपर्क करें।

गुमनाम टिप्पणी (Anonymous Commenting) की अनुमति दें

यदि आप गुमनाम टिप्पणी भी चाहते हैं, तो ALLOW_ANON को इस तरह true पर सेट करें:

const ALLOW_ANON = true;

साथ ही, https://example.com/login को उस पते में बदलना न भूलें जहाँ आप चाहते हैं कि उपयोगकर्ता Login बटन पर क्लिक करने पर जाएँ:

इस तरह, यदि उपयोगकर्ता आपकी मेंबर साइट में लॉग इन नहीं है, तो उनके पास टिप्पणी करने के लिए अपना नाम और ईमेल दर्ज करने का विकल्प होगा।

अनुकूलन Internal Link

FastComments को आपकी साइट से मेल खाने के लिए अनुकूलित करने के लिए डिज़ाइन किया गया है।

यदि आप कस्टम स्टाइलिंग जोड़ना चाहते हैं, या कॉन्फ़िगरेशन में बदलाव करना चाहते हैं, तो हमारे कस्टमाइज़ेशन दस्तावेज़ीकरण देखें यह जानने के लिए कि कैसे।