إعدادات الصفحة

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

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

عام

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

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

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

URL

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

المتطلبات:

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

• الأحرف اللاتينية (a–z)

• الأرقام (0–9)

• رمز الشرطة السفلية (_)

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

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

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

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

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

وسم

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

أدخل اسم الوسم في "مشغّل" حقل كتلة المشغّل.

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

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

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

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

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

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

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

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

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

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

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

• ينتقل المستخدم من الموقع إلى المراسلة.

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

• بدلًا من /start، سيتلقى البوت الوسم المحدد في إعدادات الموقع.

• يتلقى العميل أول رسالة من المسار التي يتم تشغيلها بواسطة الوسم المحدد.

• يحتوي ملف العميل الشخصي على المتغير التالي:

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

بعد ذلك، أنشئ ودجت جديدة تحدد فيها الإعدادات الرئيسية:

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

• اسم الأداة: أي اسم مناسب؛

• حدّد وسمًا للتتبع.

ثم أضف ودجت.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

المصادقة

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

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

الخطوة 1: اذهب إلى BotFather، حيث أنشأت بوت تليجرام الخاص بك.

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

الخطوة 3: انتقل إلى إعدادات بوت تليجرام.

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

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

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

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

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

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

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

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

الوصول عبر القوائم فقط

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

كيفية إخفاء وسم "تم الإنشاء باستخدام MaviBot"

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

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

HTML/CSS/JS

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

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

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

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

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

أضف السكربت إلى حقل "كود HTML (body)" في قسم CSS وJS.

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

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

لتعطيل فهرسة الصفحة، أضف السكربت إلى حقل كود HTML (head).

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

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

أضف السكربت إلى حقل "كود HTML (body)" في قسم CSS وJS.

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

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

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

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

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

أضف السكربت إلى حقل "كود HTML (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 (body)" في قسم CSS وJS.

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

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

تم توضيح المزيد من التفاصيل حول قسم النموذج هنا. ссылка

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

<style>
.tg_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.viber_link {
font-size: 0 !important;
padding: 15px 15px !important;
}

.tg_link:after {content: "سجّل في تيليجرام";font-size: 15px;color: white}
.viber_link:after {content: "سجّل في فايبر";font-size: 15px;color: white}
</style>

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

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

الصق السكربت التالي في حقل "كود JS" في الإعدادات الرئيسية لصفحة الهبوط المصغرة الخاصة بك.

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

كيفية تغيير favicon

أضف السكربت إلى حقل "كود HTML (head)" في قسم CSS وJS.

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

<link rel="shortcut icon" type="image/x-icon" href="رابط الأيقونة" />

كيفية تمرير جميع متغيرات/معلمات 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" → "كود HTML (body)":

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

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

الرسائل

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

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

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

1. أنشئ "بدء" الكتلة في الباني.

2. أدخل نص رسالتك الأولية فيه.

التحليلات

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

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

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

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

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

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

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

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

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

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

أين تجد معرّف الصفحة؟

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

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

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

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