Super.So साइटों में लाइव चर्चाएँ जोड़ें

सबसे पहले हमें कोड एडिटर खोलना होगा। यदि आप सभी पेजों में FastComments जोड़ना चाहते हैं, तो बस नीचे बाईं ओर Code चुनें:

कोड सेटिंग्स खोलें

यदि आप इसे किसी विशेष पेज में जोड़ना चाहते हैं, तो उस पेज की सेटिंग्स में Edit Custom Code चुनें।

अब Body टैब चुनें। यह महत्वपूर्ण है! कोड स्निपेट को Head में इंस्टॉल करना काम नहीं करता।

Body चुनें

अब आप स्टेप 2 के लिए तैयार हैं।

अगले चरण में आपको नीचे दिया गया पहले से तैयार विजेट कोड कॉपी करना होगा।

जब तक आप FastComments.com में लॉग इन हैं, नीचे दिया गया कोड स्निपेट पहले से ही आपकी खाता जानकारी रखेगा। आइए इसे कॉपी करें:

Super.so FastComments Collab Chat कोड

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-collab-chat.min.js"></script>

3<script>

4 (function () {

5 let currentPathname = window.location.pathname;

6 let currentWidget = null;

7 let currentTopBar = null;

8

9 function load() {

10 if (!window.FastCommentsCollabChat) {

11 console.log('...no script, trying again...');

12 return setTimeout(load, 100);

13 }

14

15 const target = document.querySelector('.super-content');

16 if (!target || !target.innerHTML || target.innerHTML.length < 100) {

17 console.log('...no content, trying again...');

18 return setTimeout(load, 100);

19 }

20

21 // मौजूदा इंस्टेंस को साफ़ करें

22 if (target.fastCommentsInstance) {

23 target.fastCommentsInstance.destroy();

24 }

25

26 // यदि मौजूदा टॉप बार है तो उसे साफ़ करें

27 if (currentTopBar && currentTopBar.parentNode) {

28 currentTopBar.parentNode.removeChild(currentTopBar);

29 }

30

31 // नया टॉप बार बनाएं

32 const topBarTarget = document.createElement('div');

33 target.parentNode.insertBefore(topBarTarget, target);

34 topBarTarget.style.maxWidth = 'var(--layout-max-width)';

35 topBarTarget.style.margin = '0 auto';

36 currentTopBar = topBarTarget;

37 currentWidget = target;

38

39 // FastComments Collab Chat इनिशियलाइज़ करें

40 target.fastCommentsInstance = FastCommentsCollabChat(target, {

41 tenantId: "demo",

42 topBarTarget: topBarTarget

43 });

44

45 // वर्तमान pathname अपडेट करें

46 currentPathname = window.location.pathname;

47 }

48

49 // प्रारंभिक लोड

50 load();

51

52 // हर 500ms में बदलावों की जांच करें

53 setInterval(() => {

54 // यदि pathname बदला हो तो रीलोड करें

55 if (window.location.pathname !== currentPathname) {

56 console.log('Pathname changed, reloading...');

57 load();

58 return;

59 }

60

61 // यदि विजेट हटा दिया गया हो तो रीलोड करें

62 if (currentWidget && !currentWidget.parentNode) {

63 console.log('Widget removed, reloading...');

64 load();

65 return;

66 }

67

68 // यदि कंटेनर खाली कर दिया गया हो तो रीलोड करें

69 const target = document.querySelector('.super-content');

70 if (target && target.innerHTML.length < 100) {

71 console.log('Container emptied, reloading...');

72 load();

73 }

74 }, 500);

75 })();

76</script>

77

अब Body क्षेत्र में पेस्ट करें:

पेस्ट किया गया कोड

यदि कोड पेस्ट करने के बाद आपको "this is a demo message" दिखाई दे:

• सुनिश्चित करें कि आप अपने fastcomments.com खाते में लॉग इन हैं।
• सुनिश्चित करें कि आपके पास 3rd party cookies सक्षम हैं।
• फिर इस पेज को रिफ्रेश करें और कोड स्निपेट को फिर से कॉपी करें। इसमें tenantId आपके टेनेंट के पहचानकर्ता से भरा होना चाहिए।

अपने Super.so Notion लेखों में लाइव कमेंट विजेट जोड़ना

Collab Chat के अलावा, आप अपने Notion लेखों के निचले हिस्से में एक पारंपरिक कमेंट विजेट भी जोड़ सकते हैं। इससे पाठक लेख पर कमेंट कर सकते हैं और पूरे लेख पर चर्चा कर सकते हैं।

इंस्टॉलेशन चरण

निम्नलिखित कोड कॉपी करें और इसे अपनी Super.so साइट सेटिंग्स के Body सेक्शन में पेस्ट करें:

Super.so FastComments लाइव कमेंट विजेट

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<script>

4 (function () {

5 let currentPathname = window.location.pathname;

6 let currentWidget = null;

7

8 function load() {

9 if (!window.FastCommentsUI) {

10 console.log('...no script, trying again...');

11 return setTimeout(load, 100);

12 }

13

14 const contentArea = document.querySelector('.notion-root');

15 if (!contentArea || !contentArea.innerHTML || contentArea.innerHTML.length < 100) {

16 console.log('...no content, trying again...');

17 return setTimeout(load, 100);

18 }

19

20 // मौजूदा इंस्टेंस को साफ़ करें

21 if (contentArea.fastCommentsInstance) {

22 contentArea.fastCommentsInstance.destroy();

23 }

24

25 // नया टारगेट बनाएं

26 const target = document.createElement('div');

27 contentArea.append(target);

28 currentWidget = target;

29

30 // FastComments इनिशियलाइज़ करें

31 contentArea.fastCommentsInstance = FastCommentsUI(target, {

32 tenantId: "demo",

33 urlId: window.location.pathname

34 });

35

36 // वर्तमान pathname अपडेट करें

37 currentPathname = window.location.pathname;

38 }

39

40 // प्रारंभिक लोड

41 load();

42

43 // हर 500ms में बदलाव की जाँच करें

44 setInterval(() => {

45 // यदि pathname बदला हो तो रीलोड करें

46 if (window.location.pathname !== currentPathname) {

47 console.log('Pathname changed, reloading...');

48 load();

49 return;

50 }

51

52 // यदि विजेट हटा दिया गया हो तो रीलोड करें

53 if (currentWidget && !currentWidget.parentNode) {

54 console.log('Widget removed, reloading...');

55 load();

56 return;

57 }

58

59 // यदि कंटेनर खाली कर दिया गया हो तो रीलोड करें

60 const contentArea = document.querySelector('.notion-root');

61 if (contentArea && contentArea.innerHTML.length < 100) {

62 console.log('Container emptied, reloading...');

63 load();

64 }

65 }, 500);

66 })();

67</script>

68

महत्वपूर्ण नोट्स

• कमेंट विजेट आपके Notion लेखों के निचले हिस्से में दिखाई देगा
• प्रत्येक पेज को URL पाथ के आधार पर अपनी अलग कमेंट थ्रेड मिलती है
• "demo" को अपने FastComments अकाउंट के वास्तविक tenant ID से बदलना सुनिश्चित करें
• विजेट Super.so की डायनामिक पेज लोडिंग को स्वचालित रूप से संभालता है

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

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