Беттің жалпы параметрлеріне қол жеткізу үшін жоғарғы панельдегі "Параметрлер" түймесін басыңыз.

Бұл келесі бөлімдері бар мәзірді ашады: Жалпы, Мессенджерлер, Аналитика, Түстер, Қаріптер және 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 қосу құсбелгісі көрінеді.

Аутентификация

Бұл опция сайтқа рұқсатсыз кіруге тырысатын пайдаланушыларды сүзуге көмектеседі. Дегенмен, оны барлық басқа параметрлер орнатылып, конфигурацияның дұрыстығына сенімді болғаннан кейін қосқан дұрыс. Ол қосылғаннан кейін, сайтқа кірудің жалғыз жолы - бот жіберген аутентификация түймесі арқылы болады.

Алдымен, жобаңызға қосылған Telegram ботына доменді байланыстырудан бастайық.

1-қадам: Telegram ботыңызды жасаған BotFather бағдарламасына өтіңіз.

2-қадам: Веб-сайтқа қосқыңыз келетін Telegram ботын таңдап, оны басыңыз.

3-қадам: Telegram ботының параметрлеріне өтіңіз.

4-қадам: Бот параметрлерінде Домен бөліміне өтіңіз.

5-қадам: "Доменді орнату" түймесін басыңыз.

Егер сіз ботқа доменді бұрын байланыстырған болсаңыз немесе сол бот үшін жаңа домен орнату қажет болса, "Доменді орнату" түймесі "Доменді қалпына келтіру" түймесіне ауыстырылады.

6-қадам: Telegram ботына байланыстырғыңыз келетін доменді жіберіңіз: ол үшін доменді хабарлама енгізу өрісіне теріп, ботқа жіберіңіз.

Бұл домендік атауларды тіркеушіден алған жеке доменіңіз немесе mavitbot.ai сияқты нәрсе болуы мүмкін.

Осы кезеңде доменді байланыстыру аяқталды.

Доменді ботқа байланыстырғаннан кейін, пішін параметрлерінде "Telegram арқылы аутентификацияны талап ету" құсбелгісін белсендіріңіз:

Интерфейс және қол жеткізу параметрлері

Тек тізімдер бойынша қол жеткізу

Бұл опция пайдаланушының жобаңыздың белгілі бір тізімдерінде болуына негізделген сайтқа қол жеткізуді қамтамасыз етуге мүмкіндік береді.

"MaviBot жасаған" белгісін қалай жасыру керек

Белгіні жасыру үшін, қажет болса, осы құсбелгіні қойыңыз.

"MaviBot жасаған" белгісін кез келген ақылы жоспарда алып тастауға болады. Біз беттерінде "MaviBot жасаған" белгісін қалдыратындардың барлығын бағалаймыз.

HTML/CSS/JS

Қажет болса, бұл бөлімді толтыра аласыз.
Егер сіз CSS-ті білсеңіз, веб-сайтыңызды одан да тартымды ете аласыз. Сондай-ақ, мұнда аналитика кодын, Facebook Pixel және т.б. енгізуге болады.

НАЗАР АУДАРЫҢЫЗ!
Сценарий мысалдарын көшірген кезде, егер тег ашылған болса, ол жабылуы керек екеніне көз жеткізіңіз.
Мысалы: <script> ... </script>, <style> ... </style>

Құпиялылық саясаты сілтемесін қалай өзгерту керек

Мессенджер түймелері бар өтініш пішіні блогында Құпиялылық саясаты құсбелгісін көрсетуге болады.
Әдепкі бойынша, ол конструктордың құпиялылық саясатына сілтеме жасайды.

Сценарий арқылы сілтемені өзіңіздің Құпиялылық саясаты бетіңізге өзгертуге болады.

Сценарийді CSS және JS бөліміндегі "HTML коды (body)" өрісіне қосыңыз.

<script>
document.getElementsByClassName('mavibot-privacy__link')[0].href = "құпиялылық саясаты сілтемесі";
</script>

Бетті индекстеуді қалай өшіру керек

Бетті индекстеуді өшіру үшін сценарийді HTML коды (head) өрісіне қосыңыз.

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

Сайт бетінен Facebook түймесін қалай жою керек

Сценарийді CSS және JS бөліміндегі "HTML коды (body)" өрісіне қосыңыз.

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

Сайт бетінің тақырыбын қалай жою керек

Сценарийді CSS және JS бөліміндегі "HTML коды (body)" өрісіне қосыңыз.
Бұл мини лендингтердің ескі нұсқаларына қатысты.

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

Telegram түйме сілтемесін қалай өңдеу керек.

Сценарийді CSS және JS бөліміндегі "HTML коды (body)" өрісіне қосыңыз.

<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 және т.б. ауыстырыңыз.

Түйме мәтінін қалай жаңарту керек

Бұл кодты CSS және JS бөліміндегі "HTML коды (body)" өрісіне қойыңыз.

  1. Мессенджер түймесін көрсету үшін сұрақтары бар өтініш пішіні блогын жасаңыз және түймелер қай мессенджерлер үшін көрсетілуі керек екенін көрсетіңіз

Түймені көрсету стилін "Мәтінмен белгіше" етіп орнатыңыз

Пішін бөлімі туралы толығырақ осы жерде түсіндіріледі. сілтеме

  1. Сайт параметрлері бөлімінде, CSS және JS қойыншасының астында, келесі кодты "HTML параметрлері" → "HTML коды (body)" өрісіне қойыңыз:

Бұл код Telegram және Viber үшін түйме мәтінін өзгертеді. Басқа мессенджерлер үшін мысалға сәйкес ұқсас код қосыңыз.

Түймелерді қатарға қалай туралау керек

Келесі сценарийді мини лендингіңіздің негізгі параметрлеріндегі "JS коды" өрісіне қойыңыз.

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

Фавиконды қалай өзгерту керек

Сценарийді CSS және JS бөліміндегі "HTML коды (head)" өрісіне қосыңыз.

Бұл код фавиконды - веб-сайттың немесе веб-беттің белгішесін өзгерту үшін пайдаланылуы мүмкін.

Веб-сайтыңызды ашқанда барлық 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>

Аналитика cookie файлдарын ботқа қалай жіберу керек

Сценарий прокси сілтемесі бар СІЗДІҢ веб-сайтыңыздың БАРЛЫҚ беттеріне орналастырылуы керек. Ол <body> тегінен кейін бірден қосылуы керек.

Егер сіз прокси сілтемелері үшін өз доменіңізді пайдалансаңыз, mavibot.ai мәнін өз доменіңізге ауыстыруыңыз керек.

Егер сізге аналитика cookie файлдарын ботқа беру қажет болса, сайтыңызға келесі сценарийді қосыңыз:

<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('mavibot-privacy__link')[0].href = "саясат сілтемесі";
</script>

Мессенджерлер

Бастапқы WhatsApp хабарламасы

Мұнда енгізген мәтін пайдаланушы сайтыңыздағы сілтемені басқанда, оның WhatsApp-ында жоба ретінде автоматты түрде пайда болады.

Олар мессенджерде жай ғана "Жіберу" түймесін баса алады.

  1. Конструкторда "Бастау" блогын жасаңыз.
  2. Бастапқы хабарламаңыздағы мәтінді оған енгізіңіз.

Аналитика

Сайттың конверсиясын бақылауды сақтау үшін "Конверсия үшін аналитика деректерін сақтау" параметрін қосыңыз.

Бұл Аналитика қойыншасында конверсияларды бақылауға мүмкіндік береді.

Веб-сайтты экспорттау / Бетті импорттау

Веб-сайт конструкторы бүкіл беттерді экспорттауға және импорттауға мүмкіндік береді. Бұл сайтты қайта құрмай-ақ, барлық мазмұнын сақтай отырып, жобалар арасында тасымалдау үшін пайдалы.

Бетті қалай экспорттау/импорттау керек:

  1. Алдымен, "Сақтау" түймесін басу арқылы барлық өзгерістеріңіздің сақталғанына көз жеткізіңіз.

Бетіңізді экспорттау үшін редакторда "Бетті экспорттау" түймесін басыңыз.

Файл жүктелгеннен кейін (сіз оны жүктеулер қалтаңызда көресіз және растау аласыз), мақсатты жобаңыздағы сайт параметрлеріне өтіңіз. Онда бірдей бетті жасау үшін "Жасау" түймесін басыңыз.

Бұрын сақтаған экспортталған бет файлын таңдаңыз. Жүктеу хабарландырумен расталғаннан кейін, сіз импортталған бетпен жұмыс істеуді бастау үшін тікелей редакторға өтесіз.

Қажет болса, қажетті түзетулерді енгізіп, "Сақтау" түймесін басыңыз.

Бет идентификаторын қайдан табуға болады?

Сайттар тізіміндегі сайт бетінің идентификаторын бот функцияларына беруге болады - мысалы, бот арқылы сайтыңызға сілтеме жіберу немесе оны Telegram-да мини қолданба ретінде ашу үшін.

Telegram WebApp туралы толығырақ осы мақалада оқыңыз.

Сайт нөмірі # таңбасымен автоматты түрде тағайындалады.

Бет идентификаторын қажетті сайт бетінің үстіне апару арқылы таба аласыз.