FastComments.com

वेबसाइट पर कमेंट्स जोड़ें

इंस्टॉलेशन

FastComments आपकी वेबसाइट पर कमेंट जोड़ना आसान बनाता है, चाहे वह स्टैटिक हो या डायनामिक, लाइट थीम वाली हो या डार्क, सार्वजनिक हो या आंतरिक पेज। इसे इंस्टॉल करना और किसी भी प्रकार की साइट या वेब-आधारित एप्लिकेशन के अनुरूप ढालना आसान होना चाहिए। यह आपको तुरंत लाइव कमेंटिंग देता है, और कई मामलों में आगे किसी कॉन्फ़िगरेशन की आवश्यकता नहीं होती।

Wordpress Internal Link

अपनी WordPress साइट पर टिप्पणियाँ जोड़ने के लिए, आप हमारा WordPress प्लगइन यहाँ पा सकते हैं।

प्लगइन के लिए एक संपूर्ण इंस्टॉलेशन गाइड और दस्तावेज़ यहाँ उपलब्ध हैं।

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

हमारे WordPress प्लगइन के माध्यम से FastComments पर छोड़ी गई कोई भी टिप्पणी स्वचालित रूप से आपकी WordPress इंस्टॉल में सिंक की जा सकती है, ताकि आपके डेटा पर आपका नियंत्रण बना रहे। अपने WordPress डेटाबेस का आकार सीमित रखने के लिए इसे बंद भी किया जा सकता है।

VanillaJS / HTML स्निपेट Internal Link

वैनिलाJS (VanillaJS) संस्करण का विजेट आपकी वेबसाइट पर कमेंट्स जोड़ने का सबसे सरल तरीका है, जिसमें किसी बिल्ड सिस्टम या सर्वर-साइड कोड की आवश्यकता नहीं होती।

अपनी साइट पर कमेंट्स जोड़ने के लिए बस निम्नलिखित कोड स्निपेट किसी भी पेज में जोड़ें:

सरल कोड स्निपेट
Copy CopyRun External Link
1
2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5window.fcConfigs = [{
6 "tenantId": "demo"
7}];
8</script>
9

आप इसी कोड स्निपेट का उपयोग कई पेजों पर कर सकते हैं; यह स्वतः हर पेज के लिए एक अलग थ्रेड बना देगा।

कई एप्लिकेशन में "HTML Embed Code" विकल्प होता है। उसे चुनें और ऊपर दिया गया कोड स्निपेट पेस्ट कर दें।

इसे आज़माने के लिए आपको अकाउंट की भी ज़रूरत नहीं है! यदि आप लॉग इन नहीं हैं, तो आपको ऊपर दिए गए स्निपेट में "tenantId: demo" दिख सकता है। इस तरह यह डेमो अकाउंट का उपयोग करेगा।

विजेट को कॉन्फ़िगर करने संबंधी दस्तावेज़ीकरण आप यहाँ पा सकते हैं।

FastComments विजेट के सभी संस्करण मूल वैनिलाJS लाइब्रेरी के रैपर हैं। इससे हमें फीचर्स जोड़ने और समस्याओं को एक ही जगह ठीक करने की सुविधा मिलती है - और ये बदलाव स्वतः ही कमेंटिंग विजेट के अन्य वेरिएंट्स में भी लागू हो जाते हैं।

Angular Internal Link

Angular से बनी साइट पर कमेंट जोड़ने के लिए, आप हमारी Angular लाइब्रेरी NPM पर यहाँ पा सकते हैं।

FastComments Angular कमेंटिंग विजेट VanillaJS वाले की सभी सुविधाओं को सपोर्ट करता है - लाइव कमेंटिंग, sso, और भी बहुत कुछ।

आपको fastcomments-typescript की आवश्यकता होगी, जो एक peer dependency है। कृपया सुनिश्चित करें कि यह आपके TypeScript compilation में शामिल हो। भविष्य में, यह peer dependency @types/fastcomments में स्थानांतरित कर दी जाएगी, जिससे यह इंस्टॉलेशन आसान हो जाएगा।

NPM के माध्यम से FastComments Angular
Copy Copy
1
2 npm install fastcomments-typescript --save
3 npm install ngx-fastcomments --save
4

Peer dependency को आपकी tsconfig.json फ़ाइल में जोड़ा जाना चाहिए, उदाहरण के लिए:

fastcomments-typescript peer dependency जोड़ना
Copy Copy
1
2"include": [
3 "src/**/*.ts",
4 "node_modules/fastcomments-typescript/src/index.ts"
5],
6

फिर, अपने एप्लिकेशन में FastCommentsModule जोड़ें:

अपने ऐप में मॉड्यूल जोड़ें
Copy Copy
1
2import { BrowserModule } from '@angular/platform-browser';
3import { NgModule } from '@angular/core';
4
5import { AppComponent } from './app.component';
6import { FastCommentsModule } from 'ngx-fastcomments';
7
8@NgModule({
9 declarations: [
10 AppComponent
11 ],
12 imports: [
13 BrowserModule,
14 FastCommentsModule
15 ],
16 providers: [],
17 bootstrap: [AppComponent]
18})
19export class AppModule { }
20

उपयोग

शुरू करने के लिए, हम डेमो टेनेंट के लिए एक config ऑब्जेक्ट पास करते हैं:

उपयोग - इनलाइन कॉन्फ़िगरेशन
Copy Copy
1
2<lib-fastcomments [config]="{ tenantId: 'demo' }"></lib-fastcomments>
3

चूंकि कॉन्फ़िगरेशन काफी जटिल हो सकता है, हम एक ऑब्जेक्ट रेफरेंस पास कर सकते हैं:

उपयोग - कॉन्फ़िगरेशन के लिए ऑब्जेक्ट पास करना
Copy Copy
1
2<lib-fastcomments [config]="fastcommentsConfig"></lib-fastcomments>
3
उपयोग - EU
Copy Copy
1
2<lib-fastcomments [config]="{ tenantId: 'demo', region: 'eu' }"></lib-fastcomments>
3

विजेट change detection का उपयोग करता है, इसलिए कॉन्फ़िगरेशन ऑब्जेक्ट की किसी भी प्रॉपर्टी को बदलने से यह रीलोड हो जाएगा।

Angular कंपोनेंट द्वारा सपोर्टेड कॉन्फ़िगरेशन आप यहाँ देख सकते हैं।

React Internal Link

React के साथ बनाई गई साइट पर कमेंट्स जोड़ने के लिए, हमारी React लाइब्रेरी NPM पर यहाँ उपलब्ध है।

FastComments React commenting widget VanillaJS वाले की सभी सुविधाओं को सपोर्ट करता है - live commenting, sso, और भी बहुत कुछ।

NPM के माध्यम से FastComments React
Copy Copy
1
2npm install --save fastcomments-react
3
Yarn के माध्यम से FastComments React
Copy Copy
1
2yarn add fastcomments-react
3
React उदाहरण
Copy Copy
1
2import React, { Component } from 'react'
3
4import {FastCommentsCommentWidget} from 'fastcomments-react'
5
6class Example extends Component {
7 render() {
8 return <FastCommentsCommentWidget tenantId="demo" />
9 }
10}
11

यदि आप EU में हैं, तो आप region पैरामीटर इस प्रकार सेट करना चाहेंगे:

React उदाहरण - EU
Copy Copy
1
2 <FastCommentsCommentWidget tenantId="demo" region="eu" />
3

React कंपोनेंट द्वारा सपोर्टेड कॉन्फ़िगरेशन आप यहाँ देख सकते हैं।

Vue Internal Link

Vue से बनी अपनी वेबसाइट पर कमेंट्स जोड़ने के लिए, हमारी Vue लाइब्रेरी NPM पर यहाँ पा सकते हैं।

इसके अतिरिक्त, एक vue-next लाइब्रेरी NPM पर यहाँ उपलब्ध है।

सोर्स कोड GitHub पर पाया जा सकता है।

FastComments Vue कमेंटिंग विजेट VanillaJS वाले की सभी सुविधाओं को सपोर्ट करता है - लाइव कमेंटिंग, sso, और भी बहुत कुछ।

नीचे दिए गए निर्देश Vue 3 के लिए हैं क्योंकि यह काफी समय से बाज़ार में है, हालाँकि FastComments fastcomments-vue लाइब्रेरी के ज़रिए Vue 2 को भी सपोर्ट करता है।

NPM के ज़रिए FastComments Vue
Copy Copy
1
2npm install --save fastcomments-vue-next
3
Yarn के ज़रिए FastComments Vue
Copy Copy
1
2yarn add fastcomments-vue-next
3
Vue उदाहरण
Copy Copy
1
2<template>
3 <img alt="Vue logo" src="./assets/logo.png">
4 <fast-comments v-bind:config="{tenantId: 'demo'}"/>
5</template>
6
7<script>
8import {FastComments} from 'fastcomments-vue-next';
9
10export default {
11 name: 'App',
12 components: {
13 FastComments
14 }
15}
16</script>
17

यदि आप EU में हैं, तो आप region को EU सेट करना चाहेंगे:

FastComments Vue - EU
Copy Copy
1
2<fast-comments v-bind:config="{tenantId: 'demo', region: 'eu'}"/>
3

fastcomments-vue और fastcomments-vue-next लाइब्रेरीज़ VanillaJS कमेंटिंग विजेट के समान कॉन्फ़िगरेशन सपोर्ट करती हैं।

Vue कंपोनेंट द्वारा सपोर्टेड कॉन्फ़िगरेशन आप यहाँ पा सकते हैं।

TypeScript Internal Link

FastComments के लिए TypeScript परिभाषाएँ, जिनमें कमेंटिंग विजेट को दी जाने वाली सभी कॉन्फ़िगरेशन के प्रकार शामिल हैं, NPM पर यहाँ पाई जा सकती हैं।

आप इसे GitHub पर यहाँ देख सकते हैं।

एक ही पेज पर एकाधिक इंस्टेंस Internal Link

कमेंट विजेट का प्रत्येक इंस्टेंस अलग-थलग (isolated) होता है। इसी कारण, FastComments स्वाभाविक रूप से प्रति पेज एक से अधिक इंस्टेंस, या एक ही चैट थ्रेड की ओर इशारा करने वाले कई इंस्टेंस को सपोर्ट करता है।

उदाहरण के लिए VanillaJS लाइब्रेरी के मामले में, आपको बस कमेंट विजेट को अलग-अलग DOM नोड्स से जोड़ना होता है। यदि आप पेज पर मौजूदा थ्रेड को बस अपडेट करना चाहते हैं, तो देखें पेज रीलोड किए बिना कमेंट थ्रेड बदलना;

कई इंस्टेंस के बीच ऑथेंटिकेशन स्टेट को सिंक करना

आइए एक कस्टम सिंगल-पेज-एप्लिकेशन के उदाहरण पर चर्चा करें, जो अक्सर पूछे जाने वाले प्रश्नों की एक सूची है, और प्रत्येक प्रश्न का अपना कमेंट थ्रेड है।

इस स्थिति में, हमारे पास DOM में एक साथ FastComments के कई इंस्टेंस होते हैं।

यह ठीक है, लेकिन इससे यूज़र अनुभव के लिए कुछ चुनौतियाँ पैदा होती हैं।

इस फ्लो पर विचार करें:

  1. उपयोगकर्ता प्रश्नों की सूची वाले पेज पर आता है, जिसमें प्रत्येक प्रश्न का अपना कमेंट विजेट होता है।
  2. उपयोगकर्ता अपना यूज़रनेम और ईमेल दर्ज करके किसी एक थ्रेड पर एक प्रश्न छोड़ता है।
  3. उसे कोई अन्य FAQ आइटम दिखता है जिसके बारे में उसका कोई प्रश्न है।
  4. वह फिर से कमेंट करने जाता है। क्या उसे अपना ईमेल और यूज़रनेम फिर से दर्ज करना होगा?

इस स्थिति में, FastComments विजेट इंस्टेंस के बीच ऑथेंटिकेशन स्टेट को सिंक करने का काम आपके लिए करता है। चौथे चरण में, उपयोगकर्ता पहले से ही अस्थायी रूप से ऑथेंटिकेटेड होगा क्योंकि उसने उसी पेज पर अपना यूज़रनेम और ईमेल दर्ज किया था।

सामान्य उपयोग के मामले Internal Link

लाइव कमेंट्स को तुरंत दिखाना

कमेंट विजेट डिफ़ॉल्ट रूप से लाइव होता है, हालाँकि लाइव कमेंट्स पेज की सामग्री को इधर-उधर होने से रोकने के लिए एक "Show N New Comments" बटन के नीचे दिखाई देते हैं।

कुछ मामलों में, बटन पर क्लिक किए बिना नए कमेंट्स को तुरंत दिखाना अभी भी वांछनीय होता है।

ऐसे मामले में, आप showLiveRightAway फ्लैग को सक्षम करना चाहते हैं, जिसके लिए दस्तावेज़ीकरण आप यहाँ पा सकते हैं।

गुमनाम (Anonymous) कमेंटिंग की अनुमति देना (ईमेल की आवश्यकता नहीं)

डिफ़ॉल्ट रूप से, FastComments उपयोगकर्ता से कमेंट करते समय ईमेल देने की अपेक्षा करता है।

इसे अक्षम किया जा सकता है, निर्देश यहाँ हैं।

विज़िटरों को उपयोगकर्ता नाम चुनने से बचाने के लिए, FastComments प्रत्येक विज़िटर के लिए एक उपयोगकर्ता नाम जनरेट कर सकता है।

कस्टम स्टाइलिंग

हमारे कई ग्राहक कमेंट विजेट पर अपनी स्वयं की स्टाइलिंग लागू करते हैं। आप दस्तावेज़ीकरण यहाँ पा सकते हैं।

एकाधिक डोमेन पर समान कमेंट्स दिखाना

एकाधिक साइटों पर समान कमेंट्स दिखाना FastComments बॉक्स से बाहर समर्थन करता है। देखें हमारा इस विषय पर दस्तावेज़ीकरण।

वर्तमान पेज बदलना

FastComments SPAs और जटिल एप्लिकेशन का समर्थन करता है। वर्तमान पेज बदलना आसान है, और यहाँ कवर किया गया है।