انقر على زر "الإعدادات" في اللوحة العلوية للوصول إلى الإعدادات العامة للصفحة.

سيؤدي هذا إلى فتح قائمة تحتوي على الأقسام التالية: عام، المراسلون، التحليلات، الألوان، الخطوط، وHTML.

عام

معلومات الصفحة

الاسم في القائمة

يمكنك إدخال أي نص هنا. هذا الاسم مرئي لك فقط في قائمة الصفحات.

الرابط (URL)

يتيح لك هذا الحقل تعيين رابط مخصص (URL) للصفحة. إذا تركت الحقل فارغًا، فسيتم إنشاء اسم فريد تلقائيًا من الأحرف والأرقام.

المتطلبات:

يمكن استخدام الأحرف التالية فقط:

  • الأحرف اللاتينية (a–z)
  • الأرقام (0–9)
  • شرطة سفلية (_)

يجب أن يكون الاسم فريدًا داخل المنصة. إذا كان مستخدمًا بالفعل من قبل مستخدم آخر، فلن تتمكن من استخدامه مرة أخرى.

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

اسم علامة تبويب المتصفح

افتراضيًا، يتطابق اسم علامة تبويب المتصفح مع حقل اسم الموقع، ولكن يمكنك تخصيصه ليكون أكثر إيجازًا أو وصفًا.

يتم عرض اسم علامة تبويب المتصفح في شريط عنوان الصفحة.

العلامة (Tag)

العلامة هي تسمية يتم إرسالها إلى البوت الخاص بك بمجرد أن ينقر المستخدم على أيقونة المراسل. تتيح لك تشغيل تدفقات بوت محددة فورًا، دون انتظار الرسالة الأولى من المستخدم.

أدخل اسم العلامة في حقل "Trigger" (المشغل) في كتلة المشغل.

يتم تعيين العلامة في إعدادات الصفحة.

سيتم حفظ القيمة المحددة في حقل العلامة في متغير tag الخاص بالعميل. يمكن استخدام هذا المتغير لاحقًا لأغراض التحليلات.

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

أدخل علامة، على سبيل المثال: welcome_offer

ستكون العلامة المحفوظة مرئية في لوحة معلومات الصفحة.

كيفية استخدام علامة المراسل

أولاً، قم بتعيين علامة مثل main_flow في إعدادات موقعك. ثم، أدخل تلك العلامة بالضبط في كتلة المشغل في برنامج الدردشة الآلي الخاص بك.

تعيين نقطة دخول الدردشة

قم بتعيين كتلة محددة (على سبيل المثال، بداية المسار الرئيسي الخاص بك) كنقطة دخول لمنطق البوت الخاص بك. عندما ينقر المستخدم على أيقونة المراسل على موقعك، سيدخل إلى المراسل ويبدأ فورًا من هذه النقطة المحددة مسبقًا.

لتكوين كتل النماذج وأزرار إعادة التوجيه في المراسل، راجع دليل "استجابات النموذج" في إعدادات المحتوى.

عندما ينقر المستخدم على الزر، يُطلب منه الانتقال مباشرة إلى المراسل.

  • ينتقل المستخدم من الموقع إلى المراسل.
  • ينقر المستخدم على زر "ابدأ" أو "تشغيل" (حسب الجهاز). حتى إذا كان المستخدم قد تفاعل سابقًا مع البوت، يجب عليه الضغط على هذا الزر لبدء تشغيل البوت من الموقع — وهذا مطلب تحدده منصة المراسل للبوتات.
  • بدلاً من /start، سيتلقى البوت العلامة المحددة في إعدادات الموقع.
  • يتلقى العميل الرسالة الأولى من المسار الذي يتم تشغيله بواسطة العلامة المحددة.
  • يحتوي ملف تعريف العميل على المتغير التالي:

لعرض تحليلات العلامة، انتقل إلى قسم "التحليلات" وافتح علامة التبويب "العملاء".

بعد ذلك، قم بإنشاء أداة جديدة حيث تحدد الإعدادات الرئيسية:

  • فترة التحليل: على سبيل المثال، "الشهر الماضي"، "كل الوقت"، إلخ؛
  • اسم الأداة: أي اسم مناسب؛
  • تحديد علامة لتتبعها.

ثم، أضف الأداة.

تم! يمكنك الآن تتبع عدد مرات تشغيل البوت الخاص بك من موقعك باستخدام علامة.

تتيح لك التحليلات المضمنة في MaviBot تتبع الدردشات وكفاءة المشغل وتقدم الدورة والمقاييس الخاصة بالعميل دون أي تكلفة، مما يلغي الحاجة إلى أدوات خارجية.

تعرف على المزيد في مقال "تحليلات MaviBot".

إعدادات الصورة

صورة المعاينة

هذه هي الصورة المصغرة أو صورة الغلاف المستخدمة عند مشاركة موقعك (على سبيل المثال، في وسائل التواصل الاجتماعي أو تطبيقات المراسلة). افتراضيًا، تستخدم الصورة الأولى من صفحتك. لتعيين معاينة مخصصة، قم بتحميل الصورة التي اخترتها في هذا الحقل.

إعدادات حماية الموقع / reCAPTCHA

لإعداد reCAPTCHA، تحتاج إلى توفير زوج من المفاتيح (المفتاح العام والمفتاح السري) في الإعدادات العامة لموقعك، وتمكين التحقق من reCAPTCHA في إعدادات النموذج الخاص بك.

يمكنك اختيار أي خدمة CAPTCHA لحماية موقعك. في هذا القسم، سننظر في كيفية تثبيت Google reCAPTCHA.

  1. الحصول على المفاتيح

للبدء، تحتاج إلى ملء المعلومات الأساسية للحصول على المفاتيح: حدد أنواع CAPTCHA وأضف نطاق الموقع حيث من المقرر تثبيت الحماية. ثم، انقر على "إرسال".

  1. إدخال المفاتيح

بعد ذلك، سترى زوجًا من المفاتيح التي تحتاج إلى نسخها ولصقها في إعدادات الصفحة على موقعك في MaviBot.

  1. تمكين CAPTCHA في قسم "النموذج"

كيفية إنشاء قسم "النموذج" والعمل معه موضحة في المقال هنا.

بمجرد إعداد قسم النموذج، افتح إعداداته.

انقر على "الإعدادات" لفتح القائمة الجانبية.

سيكون هناك مربع اختيار لتمكين CAPTCHA.

المصادقة

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

لنبدأ بربط النطاق ببوت Telegram المتصل بمشروعك.

الخطوة 1: انتقل إلى BotFather، حيث قمت بإنشاء بوت Telegram الخاص بك.

الخطوة 2: حدد بوت Telegram الذي تريد توصيله بالموقع وانقر عليه.

الخطوة 3: انتقل إلى إعدادات بوت Telegram.

الخطوة 4: في إعدادات البوت، انتقل إلى Domain (النطاق).

الخطوة 5: انقر على "Set domain" (تعيين النطاق).

إذا كنت قد ربطت بالفعل نطاقًا بالبوت، أو إذا كنت بحاجة إلى تعيين نطاق جديد لنفس البوت، فسيتم استبدال زر "Set domain" بـ "Reset domain" (إعادة تعيين النطاق).

الخطوة 6: أرسل النطاق الذي تريد ربطه ببوت Telegram: للقيام بذلك، اكتب النطاق في حقل إدخال الرسالة وأرسله إلى البوت.

يمكن أن يكون هذا إما نطاقك الشخصي، الذي حصلت عليه من مسجل اسم النطاق، أو شيئًا مثل mavitbot.ai

في هذه المرحلة، يكتمل ربط النطاق.

بعد ربط النطاق بالبوت، قم بتنشيط مربع الاختيار "طلب التفويض عبر Telegram" في إعدادات النموذج:

إعدادات الواجهة والوصول

الوصول عن طريق القوائم فقط

يتيح لك هذا الخيار توفير الوصول إلى الموقع بناءً على وجود المستخدم في قوائم معينة من مشروعك.

كيفية إخفاء علامة "صنع بواسطة MaviBot"

لإخفاء العلامة، ما عليك سوى تحديد مربع الاختيار هذا إذا لزم الأمر.

يمكنك إزالة علامة "صنع بواسطة MaviBot" في أي خطة مدفوعة. نحن نقدر كل من يبقي علامة "صنع بواسطة MaviBot" على صفحاته.

HTML/CSS/JS

يمكنك ملء هذا القسم إذا لزم الأمر.
إذا كنت على دراية بـ CSS، يمكنك جعل موقع الويب الخاص بك أكثر جاذبية من الناحية البصرية. يمكنك أيضًا إدراج كود تحليلات هنا، وFacebook Pixel، والمزيد.

يرجى الملاحظة!
عند نسخ أمثلة البرامج النصية، تأكد من أنه إذا تم فتح علامة، فيجب أيضًا إغلاقها.
على سبيل المثال: <script> ... </script>، <style> ... </style>

كيفية تغيير رابط سياسة الخصوصية

في كتلة نموذج الطلب مع أزرار المراسلين، يمكنك عرض مربع اختيار سياسة الخصوصية.
افتراضيًا، يرتبط بسياسة خصوصية المنشئ.

يمكنك تغيير الرابط إلى صفحة سياسة الخصوصية الخاصة بك باستخدام برنامج نصي.

أضف البرنامج النصي إلى حقل "HTML code (body)" في قسم CSS وJS.

<script>
document.getElementsByClassName('mavibot-privacy__link')[0].href = "رابط سياسة الخصوصية";
</script>

كيفية تعطيل فهرسة الصفحة

لتعطيل فهرسة الصفحة، أضف البرنامج النصي إلى حقل HTML code (head).

<meta name="robots" content="noindex, nofollow">

كيفية إزالة زر Facebook من صفحة موقعك

أضف البرنامج النصي إلى حقل "HTML code (body)" في قسم CSS وJS.

<script>
document.getElementsByClassName('vk_link')[0].remove()
</script>

كيفية إزالة عنوان صفحة موقعك

أضف البرنامج النصي إلى حقل "HTML code (body)" في قسم CSS وJS.
ينطبق هذا على الإصدارات الأقدم من الصفحات المقصودة المصغرة.

<script>
document.getElementsByClassName('title_container')[0].remove()
</script>

كيفية تعديل رابط زر Telegram.

أضف البرنامج النصي إلى حقل "HTML code (body)" في قسم CSS وJS.

<script>
window.onload = function() {
    let button = document.querySelector('.tg_link')
    if (button) {
        button.setAttribute('data-url', 'القيمة المطلوبة')
        button.removeAttribute('onclick')
        let newUrl = button.getAttribute('data-url')
        button.addEventListener('click', () => {
            window.location.href = newUrl
        })
    }
}
</script>

بالنسبة للمراسلين الآخرين، استبدل tg_link بـ insta_link، fb_link، إلخ.

كيفية تحديث نص الزر

الصق هذا الكود في حقل "HTML code (body)" في قسم CSS وJS.

  1. لعرض زر المراسل، قم بإنشاء كتلة نموذج طلب مع أسئلة وحدد المراسلين الذين يجب أن تظهر الأزرار لهم

اضبط نمط عرض الزر على "أيقونة مع نص"

مزيد من التفاصيل حول قسم النموذج موضحة هنا. رابط

  1. في قسم إعدادات الموقع، ضمن علامة التبويب CSS وJS، الصق الكود التالي في حقل "HTML settings" → "HTML code (body)":

سيغير هذا الكود نص الزر لـ Telegram وViber. بالنسبة للمراسلين الآخرين، أضف كودًا مشابهًا باتباع المثال.

كيفية محاذاة الأزرار في صف واحد

الصق البرنامج النصي التالي في حقل "JS code" في الإعدادات الرئيسية لصفحتك المقصودة المصغرة.

$(function() {
$('.link_group').css("flexWrap", 'noWrap')
})

كيفية تغيير الأيقونة المفضلة (favicon)

أضف البرنامج النصي إلى حقل "HTML code (head)" في قسم CSS وJS.

يمكن استخدام هذا الكود لتغيير الأيقونة المفضلة — أيقونة موقع الويب أو صفحة الويب.

كيفية تمرير جميع متغيرات/معلمات URL عند فتح موقع الويب الخاص بك

تحتاج إلى وضع البرنامج النصي على جميع صفحات موقع الويب الخاص بك التي تحتوي على رابط وكيل. يجب إضافة البرنامج النصي مباشرة بعد علامة <body>.

إذا كنت تستخدم نطاقك الخاص للروابط الوكيلة، فيجب عليك استبدال sbsite.pro بنطاقك.

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

<script>
var links = document.getElementsByTagName("a")
for (let i of links) {
    if (i.href.startsWith("https://mavibot.site/")) {
        if (i.href.split("?").length > 1) {
            i.href += "&" + location.search.split("?")[1]
        } else {
            i.href += location.search
        }
    }
}</script>

كيفية إعادة توجيه ملفات تعريف الارتباط التحليلية إلى البوت

يجب وضع البرنامج النصي على جميع صفحات موقع الويب الخاص بك التي تحتوي على رابط وكيل. يجب إضافته مباشرة بعد علامة <body>.

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

إذا كنت بحاجة إلى تمرير ملفات تعريف الارتباط التحليلية إلى البوت، أضف البرنامج النصي التالي إلى موقعك:

<script>
setTimeout(function() {
    var links = document.getElementsByTagName("a");
    var cookies = ['_fbc', '_fbp', '_ga', '_ym_uid', 'roistat_visit'];
    var cookies_string = '';

    cookies.forEach(function(cookie_name){
        let cookie_val = get_cookie(cookie_name);
        if (cookie_val !== undefined) {
            cookies_string += (cookies_string != '' ? "&" : '') + cookie_name + "='" + cookie_val + "'";
        }
    });

    for (let i of links) {
        if (i.href.startsWith("https://salebot.site/")) {
            if (i.href.split("?").length > 1) {
                i.href += "&" + cookies_string;
            } else {
                i.href += "?" + cookies_string;
            }
        }
    }

    function get_cookie(name) {
        let matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
        return matches ? decodeURIComponent(matches[1]) : undefined;
    }
}, 3000);
</script>

كيفية تغيير رابط سياسة الخصوصية

في علامة التبويب CSS وJS، الصق الكود التالي في حقل "HTML Settings" → "HTML code (body)":

يسمح لك هذا البرنامج النصي باستبدال رابط سياسة الخصوصية برابطك الخاص.

<script>
document.getElementsByClassName('mavibot-privacy__link')[0].href = "رابط السياسة";
</script>

المراسلون

الرسالة الأولية في WhatsApp

سيظهر النص الذي تدخله هنا تلقائيًا كمسودة في WhatsApp عندما ينقرون على الرابط من موقعك.

يمكنهم ببساطة الضغط على "إرسال" في المراسل.

  1. قم بإنشاء كتلة "ابدأ" في المنشئ.
  2. أدخل النص من رسالتك الأولية فيه.

التحليلات

قم بتمكين إعداد "حفظ بيانات التحليلات للتحويل" للحفاظ على تتبع تحويل موقعك.

سيسمح لك هذا بمراقبة التحويلات في علامة التبويب التحليلات.

تصدير الموقع / استيراد الصفحة

يتيح لك منشئ المواقع تصدير واستيراد صفحات كاملة. هذا مفيد لنقل موقع بين المشاريع دون إعادة بنائه، مع الحفاظ على جميع المحتويات.

كيفية تصدير/استيراد صفحة:

  1. أولاً، تأكد من حفظ جميع تغييراتك بالنقر على زر "حفظ".

انقر على "تصدير الصفحة" في المحرر لتصدير صفحتك.

بمجرد تنزيل الملف (سترى في مجلد التنزيلات الخاص بك وستتلقى تأكيدًا)، انتقل إلى إعدادات الموقع في مشروعك الهدف. هناك، انقر على "إنشاء" لإنشاء صفحة متطابقة.

حدد ملف الصفحة المصدرة الذي حفظته سابقًا. بمجرد تأكيد الرفع بإشعار، سيتم نقلك مباشرة إلى المحرر لبدء العمل على الصفحة المستوردة.

إذا لزم الأمر، قم بإجراء التعديلات المطلوبة وانقر على زر "حفظ".

أين يمكن العثور على معرف الصفحة؟

يمكن تمرير معرف صفحة الموقع من قائمة المواقع إلى وظائف البوت — على سبيل المثال، لإرسال رابط إلى موقعك عبر البوت أو لفتحه كتطبيق مصغر في Telegram.

اقرأ المزيد عن Telegram WebApp في هذا المقال.

يتم تعيين رقم الموقع تلقائيًا بالرمز #.

يمكنك العثور على معرف الصفحة عن طريق تحريك المؤشر فوق صفحة الموقع المطلوبة.