Klik butang "Tetapan" pada panel atas untuk mengakses tetapan umum halaman.

Ini membuka menu dengan bahagian berikut: Umum, Messenger, Analitis, Warna, Fon, dan HTML.

Umum

Maklumat Halaman

Nama dalam Senarai

Anda boleh memasukkan sebarang teks di sini. Nama ini hanya kelihatan kepada anda dalam senarai halaman.

URL

Medan ini membolehkan anda menetapkan pautan tersuai (URL) untuk halaman. Jika dibiarkan kosong, nama unik akan dijana secara automatik daripada huruf dan nombor.

Keperluan:

Hanya aksara berikut boleh digunakan:

  • Huruf Latin (a–z)
  • Digit (0–9)
  • Simbol garis bawah (_)

Nama mestilah unik dalam platform. Jika ia telah digunakan oleh pengguna lain, anda tidak akan dapat menggunakannya semula.

Anda boleh menyambungkan domain anda sendiri ke laman web.
Jika anda tidak dapat menukar nama dalam pautan, ini bermakna nama itu telah digunakan.
Anda boleh menambah aksara tambahan atau memilih nama yang berbeza.

Nama tab penyemak imbas

Secara lalai, nama tab penyemak imbas sepadan dengan medan nama tapak, tetapi anda boleh menyesuaikannya supaya lebih ringkas atau deskriptif.

Nama tab penyemak imbas dipaparkan dalam bar alamat halaman.

Tag

Tag ialah label yang dihantar ke bot anda sebaik sahaja pengguna mengklik ikon messenger. Ia membolehkan anda melancarkan aliran bot tertentu dengan serta-merta, tanpa menunggu mesej pertama pengguna.

Masukkan nama tag dalam medan "Pencetus" bagi blok pencetus.

Tag ditetapkan dalam tetapan halaman.

Nilai yang dinyatakan dalam medan Tag akan disimpan ke dalam pembolehubah tag pelanggan. Pembolehubah ini kemudiannya boleh digunakan untuk tujuan analitis.

Mesej yang mengandungi tag ini akan mencetuskan tindakan tertentu dalam corong bot anda, seperti menghantar balasan atau beralih ke langkah seterusnya.

Masukkan tag, contohnya: welcome_offer

Tag yang disimpan akan kelihatan dalam panel maklumat halaman.

Cara menggunakan tag messenger

Pertama, tetapkan tag seperti main_flow dalam tetapan tapak anda. Kemudian, masukkan tag yang tepat itu dalam blok pencetus chatbot anda.

Menetapkan titik masuk sembang

Tetapkan blok tertentu (contohnya, permulaan corong utama anda) sebagai titik masuk untuk logik bot anda. Apabila pengguna mengklik ikon messenger di tapak anda, mereka akan memasuki messenger dan serta-merta bermula pada titik yang telah ditetapkan ini.

Untuk mengkonfigurasi blok borang dan butang ubah hala messenger, rujuk panduan "Respons borang" dalam Tetapan kandungan.

Apabila pengguna mengklik butang, mereka digesa untuk pergi terus ke messenger.

  • Pengguna beralih dari laman web ke messenger.
  • Pengguna mengetik butang "Mula" atau "Lancarkan" (bergantung pada peranti). Walaupun pengguna pernah berinteraksi dengan bot sebelum ini, mereka mesti menekan butang ini untuk memulakan bot dari laman web — ini adalah keperluan yang ditetapkan oleh platform messenger untuk bot.
  • Daripada /start, bot akan menerima tag yang dinyatakan dalam tetapan laman web.
  • Pelanggan menerima mesej pertama daripada corong yang dicetuskan oleh tag yang dinyatakan.
  • Profil pelanggan mengandungi pembolehubah berikut:

Untuk melihat analitis untuk tag, pergi ke bahagian "Analitis" dan buka tab "Pelanggan".

Seterusnya, buat widget baharu di mana anda menentukan tetapan utama:

  • Tempoh analitis: contohnya, "Bulan lalu," "Sepanjang masa," dsb.;
  • Nama widget: sebarang nama yang mudah;
  • Nyatakan tag untuk dijejaki.

Kemudian, tambah widget.

Selesai! Anda kini boleh menjejaki kekerapan bot anda dilancarkan dari tapak anda menggunakan tag.

Analitis terbina dalam MaviBot membolehkan anda menjejaki sembang, kecekapan pengendali, kemajuan kursus dan metrik pelanggan secara percuma, menghapuskan keperluan untuk alat luaran.

Ketahui lebih lanjut dalam artikel "Analitis MaviBot".

Tetapan imej

Imej pratonton

Ini ialah imej kecil atau imej muka depan yang digunakan apabila tapak anda dikongsi (contohnya, dalam media sosial atau apl pemesejan). Secara lalai, ia menggunakan imej pertama daripada halaman anda. Untuk menetapkan pratonton tersuai, muat naik imej pilihan anda dalam medan ini.

Tetapan perlindungan tapak / reCAPTCHA

Untuk menyediakan reCAPTCHA, anda perlu menyediakan sepasang kunci (kunci awam dan rahsia) dalam tetapan umum laman web anda, dan dayakan pengesahan reCAPTCHA dalam tetapan borang anda.

Anda boleh memilih mana-mana perkhidmatan CAPTCHA untuk melindungi laman web anda. Dalam bahagian ini, kita akan melihat cara memasang Google reCAPTCHA.

  1. Dapatkan kunci

Untuk memulakan, anda perlu mengisi maklumat asas untuk mendapatkan kunci: pilih jenis CAPTCHA dan tambah domain laman web di mana perlindungan bertujuan dipasang. Kemudian, klik "Hantar."

  1. Masukkan kunci

Seterusnya, anda akan melihat sepasang kunci yang perlu disalin dan ditampal ke dalam tetapan halaman pada laman web anda di MaviBot.

  1. Mendayakan CAPTCHA dalam bahagian "Borang"

Cara membuat dan bekerja dengan bahagian "Borang" diterangkan dalam artikel di sini.

Setelah bahagian Borang disediakan, buka tetapannya.

Klik "Tetapan" untuk membuka menu sisi.

Kotak semak dayakan CAPTCHA akan kelihatan di sana.

Pengesahan

Pilihan ini membantu menapis pengguna yang cuba mengakses tapak tanpa kebenaran. Walau bagaimanapun, lebih baik untuk mendayakannya selepas semua perkara lain disediakan dan anda pasti konfigurasi adalah betul. Setelah ia didayakan, satu-satunya cara untuk mengakses tapak adalah melalui butang kebenaran yang dihantar oleh bot.

Mari mulakan dengan memautkan domain ke bot Telegram yang disambungkan ke projek anda.

Langkah 1: Pergi ke BotFather, tempat anda mencipta bot Telegram anda.

Langkah 2: Pilih bot Telegram yang ingin anda sambungkan ke laman web dan klik padanya.

Langkah 3: Pergi ke tetapan bot Telegram.

Langkah 4: Dalam tetapan bot, navigasi ke Domain.

Langkah 5: Klik pada "Tetapkan domain".

Jika anda telah memautkan domain ke bot, atau jika anda perlu menetapkan domain baharu untuk bot yang sama, butang "Tetapkan domain" akan digantikan dengan "Set semula domain".

Langkah 6: Hantar domain yang ingin anda pautkan ke bot Telegram: untuk berbuat demikian, taip domain ke dalam medan input mesej dan hantarkannya ke bot.

Ini boleh menjadi domain peribadi anda, yang anda terima daripada pendaftar nama domain, atau sesuatu seperti mavitbot.ai

Pada peringkat ini, pengikatan domain selesai.

Selepas memautkan domain ke bot, aktifkan kotak semak "Memerlukan kebenaran melalui Telegram" dalam tetapan borang:

Tetapan antara muka dan akses

Akses melalui senarai sahaja

Pilihan ini membolehkan anda memberikan akses ke tapak berdasarkan kehadiran pengguna dalam senarai tertentu projek anda.

Cara menyembunyikan label "Dibuat dengan MaviBot"

Untuk menyembunyikan label, hanya tandai kotak semak ini jika diperlukan.

Anda boleh mengalih keluar label "Dibuat dengan MaviBot" pada mana-mana pelan berbayar. Kami menghargai semua orang yang mengekalkan label "Dibuat dengan MaviBot" pada halaman mereka.

HTML/CSS/JS

Anda boleh mengisi bahagian ini jika perlu.
Jika anda biasa dengan CSS, anda boleh menjadikan laman web anda lebih menarik secara visual. Anda juga boleh memasukkan kod analitis di sini, Facebook Pixel, dan banyak lagi.

SILA AMBIL PERHATIAN!
Apabila menyalin contoh skrip, pastikan bahawa jika tag dibuka, ia juga mesti ditutup.
Contohnya: <script> ... </script>, <style> ... </style>

Cara menukar pautan Dasar Privasi

Dalam blok borang permohonan dengan butang messenger, anda boleh memaparkan Kotak semak Dasar Privasi.
Secara lalai, ia memaut ke dasar privasi pembina.

Anda boleh menukar pautan ke halaman Dasar Privasi anda sendiri menggunakan skrip.

Tambah skrip ke medan "Kod HTML (badan)" dalam bahagian CSS dan JS.

<script>
document.getElementsByClassName('mavibot-privacy__link')[0].href = "pautan dasar privasi";
</script>

Cara melumpuhkan pengindeksan halaman

Untuk melumpuhkan pengindeksan halaman, tambah skrip ke medan Kod HTML (kepala).

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

Cara mengalih keluar butang Facebook pada halaman tapak anda

Tambah skrip ke medan "Kod HTML (badan)" dalam bahagian CSS dan JS.

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

Cara mengalih keluar tajuk halaman tapak anda

Tambah skrip ke medan "Kod HTML (badan)" dalam bahagian CSS dan JS.
Ini terpakai untuk versi lama halaman pendaratan mini.

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

Cara mengedit pautan butang Telegram.

Tambah skrip ke medan "Kod HTML (badan)" dalam bahagian CSS dan JS.

<script>
window.onload = function() {
    let button = document.querySelector('.tg_link')
    if (button) {
        button.setAttribute('data-url', 'nilai yang diperlukan')
        button.removeAttribute('onclick')
        let newUrl = button.getAttribute('data-url')
        button.addEventListener('click', () => {
            window.location.href = newUrl
        })
    }
}
</script>

Untuk messenger lain, gantikan tg_link dengan insta_link, fb_link, dsb.

Cara mengemas kini teks butang

Tampal kod ini ke dalam medan "Kod HTML (badan)" dalam bahagian CSS dan JS.

  1. Untuk memaparkan butang messenger, cipta blok borang permohonan dengan soalan dan nyatakan messenger yang mana butang harus dipaparkan

Tetapkan gaya paparan butang kepada "Ikon dengan teks"

Butiran lanjut tentang bahagian Borang diterangkan di sini. pautan

  1. Dalam bahagian Tetapan Tapak, di bawah tab CSS dan JS, tampal kod berikut ke dalam medan "Tetapan HTML" → "Kod HTML (badan)":

Kod ini akan menukar teks butang untuk Telegram dan Viber. Untuk messenger lain, tambah kod yang serupa mengikut contoh.

Cara menjajarkan butang dalam satu baris

Tampal skrip berikut ke dalam medan "Kod JS" dalam tetapan utama halaman pendaratan mini anda.

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

Cara menukar favicon

Tambah skrip ke medan "Kod HTML (kepala)" dalam bahagian CSS dan JS.

Kod ini boleh digunakan untuk menukar favicon — ikon laman web atau halaman web.

Cara menghantar semua pembolehubah/parameter URL semasa membuka laman web anda

Anda perlu meletakkan skrip pada semua halaman LAMAN WEB ANDA yang mengandungi pautan proksi. Skrip mesti ditambah sejurus selepas tag <body>.

Jika anda menggunakan domain anda sendiri untuk pautan proksi, anda harus menggantikan sbsite.pro dengan domain anda.

Jika laman web anda mengandungi pautan proksi ke messenger dari halaman tapak, anda boleh menambah skrip ini — ia akan menghantar semua pembolehubah yang digunakan untuk membuka tapak ke bot.

<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>

Cara menghantar kuki analitis ke bot

Skrip mesti diletakkan pada semua halaman LAMAN WEB ANDA yang mengandungi pautan proksi. Ia harus ditambah sejurus selepas tag <body>.

Jika anda menggunakan domain anda sendiri untuk pautan proksi, anda perlu menggantikan mavibot.ai dengan domain anda.

Jika anda perlu menghantar kuki analitis ke bot, tambah skrip berikut ke tapak anda:

<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>

Cara menukar pautan dasar privasi

Pada tab CSS dan JS, tampal kod berikut ke dalam medan "Tetapan HTML" → "Kod HTML (badan)":

Skrip ini membolehkan anda menggantikan pautan Dasar Privasi dengan pautan anda sendiri.

<script>
document.getElementsByClassName('mavibot-privacy__link')[0].href = "pautan dasar";
</script>

Messenger

Mesej WhatsApp awal

Teks yang anda masukkan di sini akan muncul secara automatik sebagai draf dalam WhatsApp mereka apabila mereka mengklik pautan dari tapak anda.

Mereka hanya boleh menekan "Hantar" dalam messenger.

  1. Cipta blok "Mula" dalam pembina.
  2. Masukkan teks daripada mesej awal anda ke dalamnya.

Analitis

Dayakan tetapan "Simpan data analitis untuk penukaran" untuk mengekalkan penjejakan penukaran tapak anda.

Ini akan membolehkan anda memantau penukaran dalam tab Analitis.

Eksport Laman Web / Import Halaman

Pembina laman web membolehkan anda mengeksport dan mengimport keseluruhan halaman. Ini berguna untuk memindahkan tapak antara projek tanpa membina semulanya, dengan semua kandungan dipelihara.

Cara mengeksport/mengimport halaman:

  1. Pertama, pastikan semua perubahan anda disimpan dengan mengklik butang "Simpan".

Klik "Eksport halaman" dalam editor untuk mengeksport halaman anda.

Setelah fail dimuat turun (anda akan melihatnya dalam folder muat turun anda dan menerima pengesahan), pergi ke tetapan tapak dalam projek sasaran anda. Di sana, klik "Cipta" untuk membuat halaman yang serupa.

Pilih fail halaman yang dieksport yang anda simpan sebelum ini. Setelah muat naik disahkan dengan pemberitahuan, anda akan dibawa terus ke editor untuk mula bekerja pada halaman yang diimport.

Jika perlu, buat pelarasan yang diperlukan dan klik butang "Simpan".

Di mana untuk mencari ID halaman?

ID halaman tapak daripada senarai tapak boleh dihantar ke fungsi bot — contohnya, untuk menghantar pautan ke tapak anda melalui bot atau untuk membukanya sebagai apl mini dalam Telegram.

Baca lebih lanjut tentang Telegram WebApp dalam artikel ini.

Nombor tapak diberikan secara automatik dengan simbol #.

Anda boleh mencari ID halaman dengan menuding pada halaman tapak yang dikehendaki.