دليل البداية السريعة لودجيت Mellowtel لمونيتايز الموقع

Mellowtel تخلي الزوار ديالك يختارو يشاركو النطاق الترددي الغير مستخدم باش يدعموك. تضيف ودجيت صغير للموقع ديالك، الزوار يختارو يثبتو الإضافة المرافقة، وانت تربح على حسب الطلبات اللي يتكفل بيها المتصفح ديالهم.

الوقت المقدر: 5 إلى 10 دقايق. وش تحتاج: حساب Mellowtel والوصول لـ HTML الموقع ديالك (ولا إطار عمل مكافئ).

كيفاش تخدم

تدمج الودجيت

وسم سكريبت يعرض زر، أيقونة، أو بانر في الموقع ديالك.

الزائر يضغط عليه

يروح يثبت الإضافة المرافقة لـ Mellowtel.

تدي الكريدي

invite_id ديالك يربط هداك الزائر بالحساب ديالك، باش الطلبات اللي يتكفل بيها المتصفح ديالهم تنسب ليك.

قبل ما تبدا

حساب Mellowtel. سجل هنا إذا ما عندكش واحد.
invite_id ديالك، تلقاه في لوحة التحكم بعد ما تنشئ رابط الدعم.
الوصول لـ HTML الموقع ديالك، ولا القدرة على إضافة وسم <script> عبر الإطار أو نظام إدارة المحتوى ديالك.

تثبيت الودجيت

لسق هدا في الموقع ديالك، وبدل INVITE_ID بالقيمة من لوحة التحكم ديالك. من المستحسن تحطو قبل </body> باش ما يعيقش عرض الصفحة.

<script
  src="https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID"
  async>
</script>

import Script from 'next/script'

export default function Layout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID"
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}

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
}

<!-- ضيفو في footer.php ديال الثيم ديالك قبل </body>, -->
<!-- ولا استعمل إضافة "Header & Footer Scripts" ولصقو في حقل الفوتر. -->
<script
  src="https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID"
  async>
</script>

<!-- Webflow: إعدادات المشروع > كود مخصص > كود الفوتر -->
<!-- Shopify: المتجر الإلكتروني > الثيمات > تعديل الكود > theme.liquid (قبل </body>) -->
<script
  src="https://cdn.mellow.tel/widget.js?type=button&position=bottom-right&invite_id=INVITE_ID"
  async>
</script>

خيارات التكوين

تحكم في مظهر الودجيت عبر معلمات الاستعلام في عنوان URL السكريبت.

المعلمة	مطلوب	القيم	الوصف
`invite_id`	نعم	المعرف ديالك من لوحة التحكم	ينسب الأرباح للحساب ديالك.
`type`	نعم	`button`, `icon`, `banner`	نمط الودجيت المعروض في الموقع ديالك.
`position`	نعم	`bottom-right`, `bottom-left`, `top-right`, `top-left`	فين يجلس الودجيت في الصفحة.

جرب كل تركيبة مباشرة قبل ما تطلق: افتح معاينة الودجيت. بدل المعلمات type وposition في عنوان URL باش تشوف كل نسخة.

تحقق من أنه يخدم

حمل الموقع ديالك

افتح الصفحة في تبويب متصفح جديد (ولا نافذة التصفح المتخفي لتجاوز الكاش).

تأكد من عرض الودجيت

لازم تشوف الزر، الأيقونة، أو البانر في المكان اللي اخترتو. إذا كان مفقود، شوف كونسول المتصفح للطلبات المحجوبة.

اضغط على التدفق

الضغط على الودجيت لازم يديك لصفحة تثبيت الإضافة مع invite_id ديالك مرفق.

شوف لوحة التحكم ديالك

من بعد ما الزائر يثبت ويختار الاشتراك، النشاط ديالو يظهر في لوحة التحكم ديالك في Mellowtel.

استكشاف الأخطاء وإصلاحها

الودجيت ما يظهرش

تأكد أن وسم السكريبت داخل <body> وinvite_id ديالك معمر.
افتح DevTools وشوف علامة التبويب Network لطلب cdn.mellow.tel/widget.js. إذا كان محجوب، ممكن يكون السبب بلوك الإعلانات أو فلتر المحتوى.
شوف سياسة أمان المحتوى ديالك. ممكن تحتاج تسمح بـ https://cdn.mellow.tel تحت script-src.

نشوف تحذير 'invite_id مفقود'

معلمة invite_id فارغة ولا مازال فيها INVITE_ID الحرفي. انسخ القيمة الحقيقية من لوحة التحكم ديالك ولصقها في URL.

يخدم محليًا لكن مش في الإنتاج

غالبًا سياسة CSP أو قاعدة CDN هي اللي تشيل السكريبت. شوف رؤوس الاستجابة في المضيف الإنتاجي ديالك واسمح بـ cdn.mellow.tel.

كيفاش نحذف الودجيت؟

احذف وسم <script> (ولا المكون الإطار اللي يلفو). ما كاينش حاجة أخرى لتنظيفها.

أعلن للزوار ديالك

نوصي بإضافة ملاحظة قصيرة لسياسة الخصوصية ديالك باش الزوار يفهمو وش يعني الاشتراك. حاجة بحال:

هاد الموقع شريك مع Mellowtel. إذا اخترت تثبيت الإضافة ديالهم، المتصفح ديالك ممكن يشارك النطاق الترددي الغير مستخدم لدعم هاد الموقع. التثبيت اختياري وتقدر تلغي الاشتراك في أي وقت.

شوف الخصوصية والاشتراك / إلغاء الاشتراك للتفاصيل الكاملة اللي تقدر تربط ليها.

تحتاج مساعدة؟

تواصل معنا على info@mellowtel.com ولا انضم لنا على Discord.

​كيفاش تخدم

​قبل ما تبدا

​تثبيت الودجيت

​خيارات التكوين

​تحقق من أنه يخدم

​استكشاف الأخطاء وإصلاحها

​أعلن للزوار ديالك

​تحتاج مساعدة؟

كيفاش تخدم

قبل ما تبدا

تثبيت الودجيت

خيارات التكوين

تحقق من أنه يخدم

استكشاف الأخطاء وإصلاحها

أعلن للزوار ديالك

تحتاج مساعدة؟