> ## 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 الموقع ديالك، ولا القدرة على إضافة وسم `
```
```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` | نعم | المعرف ديالك من لوحة التحكم | ينسب الأرباح للحساب ديالك. |
| `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). بدل المعلمات `type` و`position` في عنوان URL باش تشوف كل نسخة.
## تحقق من أنه يخدم
افتح الصفحة في تبويب متصفح جديد (ولا نافذة التصفح المتخفي لتجاوز الكاش).
لازم تشوف الزر، الأيقونة، أو البانر في المكان اللي اخترتو. إذا كان مفقود، شوف كونسول المتصفح للطلبات المحجوبة.
الضغط على الودجيت لازم يديك لصفحة تثبيت الإضافة مع `invite_id` ديالك مرفق.
من بعد ما الزائر يثبت ويختار الاشتراك، النشاط ديالو يظهر في لوحة التحكم ديالك في Mellowtel.
## استكشاف الأخطاء وإصلاحها
* تأكد أن وسم السكريبت داخل `` و`invite_id` ديالك معمر.
* افتح DevTools وشوف علامة التبويب Network لطلب `cdn.mellow.tel/widget.js`. إذا كان محجوب، ممكن يكون السبب بلوك الإعلانات أو فلتر المحتوى.
* شوف سياسة أمان المحتوى ديالك. ممكن تحتاج تسمح بـ `https://cdn.mellow.tel` تحت `script-src`.
معلمة `invite_id` فارغة ولا مازال فيها `INVITE_ID` الحرفي. انسخ القيمة الحقيقية من لوحة التحكم ديالك ولصقها في URL.
غالبًا سياسة CSP أو قاعدة CDN هي اللي تشيل السكريبت. شوف رؤوس الاستجابة في المضيف الإنتاجي ديالك واسمح بـ `cdn.mellow.tel`.
احذف وسم `