FastComments.com

Typeflo.io ब्लॉग में लाइव कमेंटिंग जोड़ें

यह गाइड क्या कवर करता है

यह गाइड Typeflo.io ब्लॉग्स पर FastComments के साथ लाइव कमेंटिंग सेट अप करना कवर करता है।

1. कोड इनपुट खोजें Internal Link

अपने Typeflo.io ब्लॉग में FastComments जोड़ने के लिए, सबसे पहले अपने ब्लॉग के डैशबोर्ड पर जाएं और बाएं साइडबार में Settings पर क्लिक करें।

Settings पर क्लिक करें
Typeflo.io में Settings पर जाएं

इसके बाद, सेटिंग्स पेज के ऊपर Custom Code टैब पर क्लिक करें।

Custom Code टैब पर क्लिक करें
Typeflo.io सेटिंग्स में Custom Code टैब पर क्लिक करें

आपको कस्टम कोड जोड़ने के लिए तीन सेक्शन दिखाई देंगे: Header, Body, और Footer। हम FastComments के लिए Footer सेक्शन का उपयोग करेंगे।

2. कोड डालें Internal Link

Custom Code टैब के Footer सेक्शन में, निम्नलिखित कोड पेस्ट करें:

Typeflo.io लाइव कमेंटिंग कोड स्निपेट
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js" async></script>
3<script>
4 (function () {
5 function load() {
6 let target = null;
7 let lastInstance;
8 if (document.querySelector('.fastcomments-widget')) {
9 setTimeout(load, 1000);
10 return;
11 }
12 if (lastInstance) {
13 lastInstance.destroy();
14 }
15 if (window.FastCommentsUI) {
16 const newElement = document.createElement('div');
17 newElement.classList.add('fastcomments-widget');
18 const subscribeSection = document.querySelector('.nc-SectionSubscribe2');
19 if (subscribeSection) {
20 subscribeSection.parentNode.insertBefore(newElement, subscribeSection);
21 target = newElement;
22 } else {
23 const fullWidthSection = document.querySelector('.container.w-full');
24 if (fullWidthSection) {
25 fullWidthSection.prepend(newElement);
26 target = newElement;
27 }
28 }
29 }
30 if (target) {
31 lastInstance = FastCommentsUI(target, {
32 "tenantId": "demo"
33 });
34 }
35 setTimeout(load, 1000);
36 }
37
38 load();
39 })();
40</script>
41
Footer सेक्शन में कोड पेस्ट करें
Footer सेक्शन में FastComments कोड पेस्ट करें

कोड पेस्ट करने के बाद, अपने बदलाव लागू करने के लिए Save बटन पर क्लिक करें।

नोट: इस कोड में वह लॉजिक शामिल है जो आपके Typeflo.io ब्लॉग पोस्ट पर FastComments विजेट को सबसे उपयुक्त स्थान पर डायनामिक रूप से रखता है। अन्य कोड स्निपेट Typeflo.io के लेआउट के साथ ठीक से काम नहीं करेंगे।

साइन अप करने के बाद 'demo' को अपनी वास्तविक FastComments tenant ID से बदलना न भूलें। यदि आप FastComments.com में लॉग इन हैं, तो यह पहले से ही बदला हुआ होना चाहिए।

सफलता Internal Link

बहुत बढ़िया! आपने अपने Typeflo.io ब्लॉग में लाइव कमेंटिंग जोड़ ली है।

FastComments अब आपकी सभी ब्लॉग पोस्ट पर दिखाई देगा, जिससे आपके पाठक चर्चा में भाग ले सकेंगे।

यदि आपको permission denied त्रुटि का सामना करना पड़ा है, या आप FastComments को कस्टमाइज़ करना चाहते हैं, तो आगे पढ़ें।

कस्टमाइज़ेशन Internal Link

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

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

Typeflo.io ब्लॉग्स के लिए, आप उसी Custom Code सेक्शन में कस्टम CSS स्टाइल जोड़ सकते हैं जहाँ आपने FastComments स्क्रिप्ट जोड़ी थी।