FastComments.com

Squarespace साइटों में टिप्पणियाँ जोड़ें

FastComments के साथ हम किसी भी Squarespace साइट में आसानी से लाइव कमेंटिंग जोड़ सकते हैं।

नीचे दिए गए निर्देश तीन खंडों में विभाजित हैं, इस पर निर्भर करते हुए कि आप क्या करना चाहते हैं:

  1. Squarespace ब्लॉग पोस्ट में कमेंट जोड़ें
  2. सभी पेजों में कमेंट जोड़ें
  3. किसी विशिष्ट पेज में कमेंट जोड़ें

ध्यान दें कि इस ट्यूटोरियल के लिए FastComments खाता आवश्यक है। अनुशंसा की जाती है कि आप पहले साइन अप करें और फिर यहाँ वापस आएँ। आप यहाँ खाता बना सकते हैं।

अपने ब्लॉग में लाइव टिप्पणी जोड़ें Internal Link

इस खंड में हम सीखेंगे कि अपने Squarespace ब्लॉग में लाइव कमेंटिंग कैसे जोड़ें।

आपको कोड केवल एक बार जोड़ना होगा और विजेट स्वचालित रूप से किसी भी मौजूदा ब्लॉग पोस्ट में, और भविष्य में बनाई गई किसी भी ब्लॉग पोस्ट में जुड़ जाएगा।

कमेंट थ्रेड्स प्रत्येक ब्लॉग पोस्ट के लिए अद्वितीय होंगे।

चरण 1: ब्लॉग सेटिंग्स खोलें Internal Link

हम Editor में बाईं ओर Pages खोलकर शुरू करेंगे:

Pages खोलें
Pages खोलें

नीचे आपको Blog दिखाई देगा, जिसके दाईं ओर एक गियर होगा। ब्लॉग सेटिंग्स खोलने के लिए गियर पर क्लिक करें:

Blog Settings खोलें
Blog Settings खोलें

अब हम Advanced में जाएंगे और फिर Post Blog Item Code Injection में:

Blog Item Code सेटिंग खोलें
Blog Item Code सेटिंग खोलें

आपको निम्नलिखित की तरह एक खाली कोड क्षेत्र दिखाई देगा:

खाली कोड क्षेत्र
खाली कोड क्षेत्र

चरण 2: अपना FastComments.com कोड पेस्ट करें Internal Link

अब हम निम्नलिखित कोड स्निपेट कॉपी कर सकते हैं (स्निपेट के ऊपरी दाएँ कोने में कॉपी बटन का उपयोग करें):

Squarespace ब्लॉग कमेंट्स कोड
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
8 function tryLoad() {
9 // विभिन्न लेआउट के लिए लोड करने का प्रयास करें
10 let targetDiv = document.querySelector('.blog-item-comments-content');
11 if (!targetDiv) {
12 targetDiv = document.getElementById('fastcomments-widget');
13 }
14 window.FastCommentsUI(targetDiv, {
15 tenantId
16 });
17 }
18
19 tryLoad();
20 })();
21</script>
22
23

...फिर कोड एरिया में पेस्ट करें और सेव पर क्लिक करें:

पेस्ट करें और सेव करें
पेस्ट करें और सेव करें

सफलता Internal Link

सफलता! अब आपको अपनी सभी ब्लॉग पोस्ट पर FastComments Comment Widget दिखाई देगा।

सफलता!
सफलता!

Squarespace के साथ FastComments सेट अप करने पर बधाई! यदि आपको Domain Error का सामना करना पड़ा है, या कमेंट एरिया को कस्टमाइज़ करना सीखना चाहते हैं, तो आगे पढ़ें!

सभी पेजों में लाइव टिप्पणी जोड़ें Internal Link

इस अनुभाग में हम सीखेंगे कि अपनी Squarespace साइट के सभी पेजों पर लाइव कमेंटिंग कैसे जोड़ें।

आपको कोड केवल एक बार जोड़ना होगा और विजेट स्वतः ही सभी मौजूदा पेजों पर, और भविष्य में बनाए जाने वाले किसी भी पेज पर जुड़ जाएगा।

कमेंट थ्रेड्स प्रत्येक पेज के लिए अद्वितीय होंगे।

चरण 1: डेवलपर टूल्स खोलें Internal Link

हम बाईं ओर Settings खोलकर शुरू करेंगे, Editor में:

Settings खोलें
Settings खोलें

नीचे आपको Developer Tools दिखाई देगा। इस पर क्लिक करें:

Developer Tools खोलें
Developer Tools खोलें

अब हम Code Injection पर जाएंगे:

Code Injection खोलें
Code Injection खोलें

अब आपको दो क्षेत्र दिखाई देंगे जहाँ हम कोड जोड़ सकते हैं, एक HEADER और दूसरा FOOTER नाम से। हम अपना कोड FOOTER क्षेत्र में जोड़ेंगे:

खाली Footer क्षेत्र
खाली Footer क्षेत्र

अगले चरण में हम अपना कोड कॉपी करके जोड़ेंगे।

चरण 2: अपना FastComments.com कोड पेस्ट करें Internal Link

अब हम निम्नलिखित कोड स्निपेट को कॉपी कर सकते हैं। स्निपेट के ऊपरी दाएँ कोने में दिखने वाले कॉपी बटन का उपयोग करें।

कोड में कुछ चीज़ें आप कॉन्फ़िगर कर सकते हैं, लाइन 4 से 7 देखें।

Squarespace सभी पेजों के लिए कमेंट्स कोड
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
8 function tryLoad() {
9 // अलग-अलग लेआउट के लिए लोड करने की कोशिश करें
10 let targetDiv = document.querySelector('.blog-item-comments-content');
11 if (!targetDiv) {
12 targetDiv = document.getElementById('fastcomments-widget');
13 }
14 window.FastCommentsUI(targetDiv, {
15 tenantId
16 });
17 }
18
19 tryLoad();
20 })();
21</script>
22
23

...फिर कोड एरिया में पेस्ट करें और सेव पर क्लिक करें। यह इस तरह दिखना चाहिए, जिसमें कोड FOOTER ब्लॉक में हो:

पेस्ट करें और सेव करें
पेस्ट करें और सेव करें

यदि आपको समस्या आ रही है, तो सुनिश्चित करें कि नीचे के पास "tenantId": "demo" न लिखा हो। यदि आप लॉग इन हैं तो यह आपकी टेनेंट आईडी दिखानी चाहिए। यदि नहीं, तो सपोर्ट से संपर्क करें।

सफलता Internal Link

सफल! अब आपको आपके सभी पेजों पर FastComments Comment Widget दिखाई देगा।

Squarespace के साथ FastComments सेट अप करने के लिए बधाई! यदि आपको Domain Error का सामना करना पड़ा है, या आप कमेंट एरिया को कस्टमाइज़ करना सीखना चाहते हैं, तो आगे पढ़ें!

किसी विशेष पेज में लाइव टिप्पणी जोड़ें Internal Link

इस अनुभाग में हम सीखेंगे कि अपनी Squarespace साइट के किसी विशिष्ट पेज पर लाइव कमेंटिंग कैसे जोड़ें।

इस तरीके से आपको हर उस पेज पर कोड जोड़ना होगा जिस पर आप कमेंट विजेट जोड़ना चाहते हैं।

कमेंट थ्रेड्स प्रत्येक पेज के लिए अद्वितीय होंगे।

चरण 1: कोड ब्लॉक जोड़ें Internal Link

किसी विशेष पेज पर कमेंट विजेट जोड़ते समय, हमारे पास थोड़ा अधिक नियंत्रण होता है।

हम विजेट को ठीक वहीं जोड़ सकते हैं जहाँ हम चाहते हैं, जो हम इस ट्यूटोरियल में करेंगे, एक कस्टम कोड ब्लॉक जोड़कर।

सबसे पहले, उस पेज को खोलें जिस पर आप कमेंट्स जोड़ना चाहते हैं, और ऊपर बाईं ओर edit पर क्लिक करें।

इस उदाहरण में हम कमेंट्स के लिए एक विशेष सेक्शन जोड़ेंगे, लेकिन आप उन्हें पेज पर किसी मौजूदा सेक्शन में भी जोड़ सकते हैं।

आइए अपना सेक्शन जोड़ें:

सेक्शन जोड़ें
सेक्शन जोड़ें

हम एक खाली सेक्शन जोड़ेंगे:

खाली सेक्शन जोड़ें
खाली सेक्शन जोड़ें

आपको एक बड़ा खाली क्षेत्र जुड़ा दिखाई देगा। ऊपर बाईं ओर ADD BLOCK पर क्लिक करें:

ब्लॉक जोड़ें
ब्लॉक जोड़ें

नीचे स्क्रॉल करें जब तक आपको Code विकल्प न मिल जाए और उस पर क्लिक करें:

कोड विजेट चुनें
कोड विजेट चुनें

अपने कोड ब्लॉक को वैसे स्थित में रखें जैसे आप कमेंट्स विजेट को स्थित होना चाहते हैं:

स्थिति
स्थिति

कोड ब्लॉक को एडिट करें:

कोड ब्लॉक एडिट करें
कोड ब्लॉक एडिट करें

अगले चरण में हम अपना कोड कॉपी करेंगे और जोड़ेंगे।

चरण 2: अपना FastComments.com कोड पेस्ट करें Internal Link

अब हम निम्नलिखित कोड स्निपेट को कॉपी कर सकते हैं। स्निपेट के ऊपरी दाएँ कोने में दिखने वाले कॉपी बटन का उपयोग करें।

कोड में कुछ चीज़ें आप कॉन्फ़िगर कर सकते हैं, लाइन 4 से 7 देखें।

Squarespace Single Page Code
Copy Copy
1
2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 window.fcConfigs = [{
6 target: '#fastcomments-widget',
7 tenantId: 'demo' // आपकी अकाउंट आईडी
8 }];
9</script>
10

यह इस तरह दिखना चाहिए:

पेस्ट करें और सेव करें
पेस्ट करें और सेव करें

अब ऊपरी दाएँ कोने में सेव पर क्लिक करें।

ध्यान दें कि Preview in Safe Mode विकल्प काम नहीं करेगा, लेकिन जब आप अपनी साइट पर जाएँगे तो विजेट दिखाई देगा।

यदि आपको समस्या आ रही है, तो सुनिश्चित करें कि नीचे के पास "tenantId": "demo" न लिखा हो। यदि आप लॉग इन हैं तो यह आपकी टेनेंट आईडी दिखानी चाहिए। यदि नहीं, तो सपोर्ट से संपर्क करें।

सफलता Internal Link

सफल! अब आपको अपने पेज पर FastComments Comment Widget दिखाई देना चाहिए।

Squarespace के साथ FastComments सेट अप करने के लिए बधाई! यदि आपको Domain Error का सामना करना पड़ा है, या आप कमेंट एरिया को कस्टमाइज़ करना सीखना चाहते हैं, तो आगे पढ़ें!

अनुकूलन Internal Link

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

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