> ## Documentation Index
> Fetch the complete documentation index at: https://www.mellowtel.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Mellowtel के साथ अपनी वेबसाइट का मुद्रीकरण करें
> एकल स्क्रिप्ट टैग जोड़ें ताकि आगंतुक अप्रयुक्त बैंडविड्थ साझा करने के लिए सहमति देकर आपका समर्थन कर सकें।
Mellowtel आपके आगंतुकों को अप्रयुक्त बैंडविड्थ साझा करने के लिए सहमति देने की अनुमति देता है ताकि वे आपका समर्थन कर सकें। आप अपनी साइट पर एक छोटा विजेट जोड़ते हैं, आगंतुक साथी एक्सटेंशन को इंस्टॉल करने का विकल्प चुनते हैं, और आप उनके ब्राउज़र द्वारा संभाले गए अनुरोधों के आधार पर कमाते हैं।
**अनुमानित समय:** 5 से 10 मिनट। **आपको आवश्यकता होगी:** एक [Mellowtel खाता](https://www.mellowtel.com/mellowtel-auth/) और आपकी साइट के HTML (या एक फ्रेमवर्क समकक्ष) तक पहुंच।
## यह कैसे काम करता है
एक स्क्रिप्ट टैग आपकी साइट पर एक बटन, आइकन, या बैनर प्रस्तुत करता है।
उन्हें Mellowtel साथी एक्सटेंशन इंस्टॉल करने के लिए ले जाया जाता है।
आपका `invite_id` उस आगंतुक को आपके खाते से जोड़ता है, इसलिए उनके ब्राउज़र द्वारा संभाले गए अनुरोध आपके लिए माने जाते हैं।
## शुरू करने से पहले
* एक Mellowtel खाता। यदि आपके पास नहीं है, तो [यहां साइन अप करें](https://www.mellowtel.com/mellowtel-auth/)।
* आपका `invite_id`, जो आपके [डैशबोर्ड](https://www.mellowtel.com/mellowtel-auth/) पर समर्थन लिंक बनाने के बाद पाया जा सकता है।
* आपकी साइट के HTML तक पहुंच, या आपके फ्रेमवर्क या CMS के माध्यम से `
```
```jsx Next.js (App Router) theme={null}
import Script from 'next/script'
export default function Layout({ children }) {
return (
{children}
)
}
```
```jsx React (Vite / CRA) theme={null}
import { useEffect } from 'react'
export function MellowtelWidget() {
useEffect(() => {
const s = document.createElement('script')
s.src = 'https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID'
s.async = true
document.body.appendChild(s)
return () => { s.remove() }
}, [])
return null
}
```
```html WordPress theme={null}
```
```html Webflow / Shopify theme={null}
```
## कॉन्फ़िगरेशन विकल्प
स्क्रिप्ट URL पर क्वेरी पैरामीटर के माध्यम से विजेट की उपस्थिति को नियंत्रित करें।
| पैरामीटर | आवश्यक | मान | विवरण |
| ----------- | ------ | ------------------------------------------------------ | ------------------------------------- |
| `invite_id` | हाँ | आपके डैशबोर्ड से आपका ID | आपकी कमाई को आपके खाते से जोड़ता है। |
| `type` | हाँ | `button`, `icon`, `banner` | आपकी साइट पर दिखाया गया विजेट स्टाइल। |
| `position` | हाँ | `bottom-right`, `bottom-left`, `top-right`, `top-left` | पृष्ठ पर विजेट की स्थिति। |
शिपिंग से पहले हर संयोजन को लाइव पूर्वावलोकन करें: [विजेट पूर्वावलोकन खोलें](https://cdn.mellow.tel/preview?position=bottom-right\&type=button\&invite_id=ijxf49s9h2f)। प्रत्येक भिन्नता देखने के लिए URL में `type` और `position` पैरामीटर को बदलें।
## सत्यापित करें कि यह काम करता है
पृष्ठ को एक नए ब्राउज़र टैब में खोलें (या कैश को बायपास करने के लिए गुप्त विंडो में)।
आपको चुनी गई स्थिति में बटन, आइकन, या बैनर देखना चाहिए। यदि यह गायब है, तो अवरुद्ध अनुरोधों के लिए ब्राउज़र कंसोल की जांच करें।
विजेट पर क्लिक करने से आपको आपके `invite_id` के साथ एक्सटेंशन इंस्टॉल पृष्ठ पर ले जाना चाहिए।
एक बार जब कोई आगंतुक इंस्टॉल करता है और सहमति देता है, तो उनकी गतिविधि आपके Mellowtel डैशबोर्ड पर दिखाई देती है।
## समस्या निवारण
* पुष्टि करें कि स्क्रिप्ट टैग `` के अंदर है और आपका `invite_id` भरा हुआ है।
* DevTools खोलें और `cdn.mellow.tel/widget.js` के लिए नेटवर्क टैब की जांच करें। यदि यह अवरुद्ध है, तो संभवतः कोई विज्ञापन अवरोधक या सामग्री फ़िल्टर कारण है।
* अपनी सामग्री सुरक्षा नीति की जांच करें। आपको `script-src` के तहत `https://cdn.mellow.tel` की अनुमति देनी पड़ सकती है।
`invite_id` पैरामीटर खाली है या अभी भी इसमें शाब्दिक `INVITE_ID` प्लेसहोल्डर है। अपने डैशबोर्ड से वास्तविक मान कॉपी करें और इसे URL में पेस्ट करें।
अक्सर एक CSP या CDN नियम स्क्रिप्ट को हटा रहा है। अपने उत्पादन होस्ट पर प्रतिक्रिया हेडर की जांच करें और `cdn.mellow.tel` को अनुमति सूची में डालें।
`