การตั้งค่าหน้า

คลิกปุ่ม "การตั้งค่า" ที่แผงด้านบนเพื่อเข้าถึงการตั้งค่าทั่วไปของหน้า

การดำเนินการนี้จะเปิดเมนูที่มีส่วนต่างๆ ดังนี้: ทั่วไป, Messengers, Analytics, สี, แบบอักษร และ HTML

ทั่วไป

ข้อมูลหน้า

ชื่อในรายการ

คุณสามารถป้อนข้อความใดก็ได้ที่นี่ ชื่อนี้จะมองเห็นได้เฉพาะคุณในรายการหน้าเท่านั้น

URL

ฟิลด์นี้ช่วยให้คุณตั้งค่าลิงก์แบบกำหนดเอง (URL) สำหรับหน้าได้ หากปล่อยว่างไว้ ชื่อที่ไม่ซ้ำกันจะถูกสร้างขึ้นโดยอัตโนมัติจากตัวอักษรและตัวเลข

ข้อกำหนด:

อนุญาตให้ใช้อักขระต่อไปนี้เท่านั้น:

• ตัวอักษรละติน (a–z)
• ตัวเลข (0–9)
• สัญลักษณ์ขีดล่าง (_)

ชื่อต้อง ไม่ซ้ำกัน ภายในแพลตฟอร์ม หากชื่อนั้นถูกผู้ใช้รายอื่นใช้ไปแล้ว คุณจะไม่สามารถใช้ชื่อนั้นซ้ำได้

คุณสามารถเชื่อมต่อโดเมนของคุณเองกับเว็บไซต์ได้
หากคุณไม่สามารถเปลี่ยนชื่อในลิงก์ได้ แสดงว่าชื่อนั้นถูกใช้ไปแล้ว
คุณสามารถเพิ่มอักขระเพิ่มเติมหรือเลือกชื่ออื่นได้

ชื่อแท็บเบราว์เซอร์

โดยค่าเริ่มต้น ชื่อแท็บเบราว์เซอร์ จะตรงกับฟิลด์ ชื่อไซต์ แต่คุณสามารถปรับแต่งให้กระชับหรือสื่อความหมายมากขึ้นได้

ชื่อแท็บเบราว์เซอร์จะแสดงในแถบที่อยู่ของหน้า

แท็ก

แท็กคือป้ายกำกับที่ส่งไปยังบอทของคุณทันทีที่ผู้ใช้คลิกไอคอน Messenger ซึ่งช่วยให้คุณเปิดใช้งานโฟลว์บอทเฉพาะได้ทันที โดยไม่ต้องรอข้อความแรกจากผู้ใช้

ป้อนชื่อแท็กในฟิลด์ "ทริกเกอร์" ของบล็อกทริกเกอร์

แท็กถูกกำหนดในการตั้งค่าหน้า

ค่าที่ระบุในฟิลด์ แท็ก จะถูกบันทึกไปยังตัวแปร tag ของลูกค้า ตัวแปรนี้สามารถใช้เพื่อวัตถุประสงค์ในการวิเคราะห์ในภายหลังได้

ข้อความที่มีแท็กนี้จะทริกเกอร์การดำเนินการเฉพาะในฟันเนลของบอทของคุณ เช่น การส่งข้อความตอบกลับหรือการย้ายไปยังขั้นตอนถัดไป

ป้อนแท็ก เช่น: welcome_offer

แท็กที่บันทึกไว้จะปรากฏในแผงข้อมูลหน้า

วิธีใช้แท็ก Messenger

ขั้นแรก กำหนดแท็ก เช่น main_flow ในการตั้งค่าไซต์ของคุณ จากนั้นป้อนแท็กนั้นในบล็อกทริกเกอร์ของแชทบอทของคุณ

การตั้งค่าจุดเริ่มต้นแชท

ตั้งค่าบล็อกเฉพาะ (เช่น จุดเริ่มต้นของฟันเนลหลักของคุณ) เป็นจุดเริ่มต้นสำหรับตรรกะบอทของคุณ เมื่อผู้ใช้คลิกไอคอน Messenger บนไซต์ของคุณ พวกเขาจะเข้าสู่ Messenger และเริ่มต้นที่จุดที่กำหนดไว้ล่วงหน้านี้ทันที

หากต้องการกำหนดค่าบล็อกฟอร์มและปุ่มเปลี่ยนเส้นทาง Messenger โปรดดูคู่มือ "การตอบกลับฟอร์ม" ใน การตั้งค่าเนื้อหา

เมื่อผู้ใช้คลิกปุ่ม พวกเขาจะได้รับแจ้งให้ไปที่ Messenger โดยตรง

• ผู้ใช้เปลี่ยนจากเว็บไซต์ไปยัง Messenger
• ผู้ใช้แตะปุ่ม "เริ่มต้น" หรือ "เปิด" (ขึ้นอยู่กับอุปกรณ์) แม้ว่าผู้ใช้จะเคยโต้ตอบกับบอทมาก่อน พวกเขาจะต้องกดปุ่มนี้เพื่อเริ่มบอทจากเว็บไซต์ ซึ่งเป็นข้อกำหนดที่กำหนดโดยแพลตฟอร์ม Messenger สำหรับบอท
• แทนที่จะเป็น /start บอทจะได้รับ แท็กที่ระบุในการตั้งค่าเว็บไซต์
• ลูกค้าจะได้รับข้อความแรกจากฟันเนลที่ถูกทริกเกอร์โดยแท็กที่ระบุ
• โปรไฟล์ของลูกค้าประกอบด้วยตัวแปรต่อไปนี้:

หากต้องการดูการวิเคราะห์สำหรับแท็ก ให้ไปที่ส่วน "การวิเคราะห์" และเปิดแท็บ "ลูกค้า"

จากนั้น สร้างวิดเจ็ตใหม่ที่คุณระบุการตั้งค่าหลัก:

• ระยะเวลาการวิเคราะห์: เช่น "เดือนที่ผ่านมา", "ตลอดเวลา" ฯลฯ;
• ชื่อวิดเจ็ต: ชื่อที่สะดวกใดๆ;
• ระบุแท็ก เพื่อติดตาม

จากนั้น เพิ่มวิดเจ็ต

เสร็จแล้ว! ตอนนี้คุณสามารถติดตามได้ว่าบอทของคุณถูกเปิดใช้งานจากไซต์ของคุณบ่อยแค่ไหนโดยใช้แท็ก

การวิเคราะห์ในตัวของ MaviBot ช่วยให้คุณติดตามแชท ประสิทธิภาพของผู้ปฏิบัติงาน ความคืบหน้าของหลักสูตร และเมตริกของลูกค้าได้โดยไม่มีค่าใช้จ่าย ซึ่งช่วยลดความจำเป็นในการใช้เครื่องมือภายนอก

เรียนรู้เพิ่มเติมในบทความ "การวิเคราะห์ MaviBot"

การตั้งค่ารูปภาพ

รูปภาพตัวอย่าง

นี่คือรูปขนาดย่อหรือรูปปกที่ใช้เมื่อแชร์ไซต์ของคุณ (เช่น ในโซเชียลมีเดียหรือแอปส่งข้อความ) โดยค่าเริ่มต้น จะใช้รูปภาพแรกจากหน้าของคุณ หากต้องการตั้งค่ารูปตัวอย่างแบบกำหนดเอง ให้อัปโหลดรูปภาพที่คุณเลือกในฟิลด์นี้

การตั้งค่าการป้องกันไซต์ / reCAPTCHA

ในการตั้งค่า reCAPTCHA คุณต้องระบุคู่คีย์ (คีย์สาธารณะและคีย์ลับ) ใน การตั้งค่าทั่วไป ของเว็บไซต์ของคุณ และเปิดใช้งานการยืนยัน reCAPTCHA ใน การตั้งค่าฟอร์ม ของคุณ

คุณสามารถเลือกบริการ CAPTCHA ใดก็ได้เพื่อปกป้องเว็บไซต์ของคุณ ในส่วนนี้ เราจะดูวิธีการติดตั้ง Google reCAPTCHA

1. การรับคีย์

ในการเริ่มต้น คุณต้องกรอกข้อมูลพื้นฐานเพื่อรับคีย์: เลือกประเภท CAPTCHA และเพิ่มโดเมนของเว็บไซต์ที่ต้องการติดตั้งการป้องกัน จากนั้นคลิก "ส่ง"

2. การป้อนคีย์

จากนั้น คุณจะเห็นคู่คีย์ที่ต้องคัดลอกและวางลงในการตั้งค่าหน้าบนเว็บไซต์ของคุณใน MaviBot

3. การเปิดใช้งาน CAPTCHA ในส่วน "ฟอร์ม"

วิธีการสร้างและทำงานกับส่วน "ฟอร์ม" อธิบายไว้ในบทความที่นี่

เมื่อตั้งค่าส่วน ฟอร์ม เสร็จแล้ว ให้เปิดการตั้งค่า

คลิก "การตั้งค่า" เพื่อเปิดเมนูด้านข้าง

จะมีช่องทำเครื่องหมายเปิดใช้งาน CAPTCHA ปรากฏขึ้นที่นั่น

การรับรองความถูกต้อง

ตัวเลือกนี้ช่วยกรองผู้ใช้ที่พยายามเข้าถึงไซต์โดยไม่ได้รับอนุญาต อย่างไรก็ตาม ควรเปิดใช้งานหลังจากตั้งค่าทุกอย่างอื่นเสร็จแล้วและคุณแน่ใจว่าการกำหนดค่าถูกต้อง เมื่อเปิดใช้งานแล้ว วิธีเดียวที่จะเข้าถึงไซต์ได้คือผ่านปุ่มอนุญาตที่ส่งโดยบอท

มาเริ่มต้นด้วยการเชื่อมโยงโดเมนกับบอท Telegram ที่เชื่อมต่อกับโปรเจกต์ของคุณ

ขั้นตอนที่ 1: ไปที่ BotFather ซึ่งคุณสร้างบอท Telegram ของคุณ

ขั้นตอนที่ 2: เลือกบอท Telegram ที่คุณต้องการเชื่อมต่อกับเว็บไซต์และคลิกที่บอทนั้น

ขั้นตอนที่ 3: ไปที่การตั้งค่าของบอท Telegram

ขั้นตอนที่ 4: ในการตั้งค่าบอท ไปที่ โดเมน

ขั้นตอนที่ 5: คลิกที่ "ตั้งค่าโดเมน"

หากคุณเชื่อมโยงโดเมนกับบอทแล้ว หรือหากคุณต้องการตั้งค่าโดเมนใหม่สำหรับบอทเดียวกัน ปุ่ม "ตั้งค่าโดเมน" จะถูกแทนที่ด้วย "รีเซ็ตโดเมน"

ขั้นตอนที่ 6: ส่งโดเมนที่คุณต้องการเชื่อมโยงกับบอท Telegram: โดยพิมพ์โดเมนลงในช่องป้อนข้อความและส่งไปยังบอท

ซึ่งอาจเป็นโดเมนส่วนตัวของคุณที่ได้รับจากผู้รับจดทะเบียนชื่อโดเมน หรือบางอย่างเช่น mavitbot.ai

ในขั้นตอนนี้ การผูกโดเมนเสร็จสมบูรณ์

หลังจากเชื่อมโยงโดเมนกับบอทแล้ว ให้เปิดใช้งานช่องทำเครื่องหมาย "ต้องมีการอนุญาตผ่าน Telegram" ในการตั้งค่าฟอร์ม:

การตั้งค่าอินเทอร์เฟซและการเข้าถึง

การเข้าถึงตามรายการเท่านั้น

ตัวเลือกนี้ช่วยให้คุณสามารถให้สิทธิ์เข้าถึงไซต์ตามการมีอยู่ของผู้ใช้ในรายการบางรายการของโปรเจกต์ของคุณ

วิธีซ่อนป้าย "สร้างด้วย MaviBot"

หากต้องการซ่อนป้าย เพียงทำเครื่องหมายที่ช่องนี้หากจำเป็น

คุณสามารถลบป้าย "สร้างด้วย MaviBot" ได้ในแผนแบบชำระเงินใดก็ได้ เราขอขอบคุณทุกคนที่คงป้าย "สร้างด้วย MaviBot" ไว้บนหน้าของพวกเขา

HTML/CSS/JS

คุณสามารถกรอกส่วนนี้ได้หากจำเป็น
หากคุณคุ้นเคยกับ CSS คุณสามารถทำให้เว็บไซต์ของคุณดูสวยงามยิ่งขึ้นได้ คุณยังสามารถแทรกโค้ดวิเคราะห์, Facebook Pixel และอื่นๆ ได้ที่นี่

โปรดทราบ!
เมื่อคัดลอกตัวอย่างสคริปต์ ตรวจสอบให้แน่ใจว่าหากแท็กถูกเปิด จะต้องปิดแท็กนั้นด้วย
ตัวอย่าง: <script> ... </script>, <style> ... </style>

วิธีเปลี่ยนลิงก์นโยบายความเป็นส่วนตัว

ในบล็อกแบบฟอร์มใบสมัครที่มีปุ่ม Messenger คุณสามารถแสดง ช่องทำเครื่องหมายนโยบายความเป็นส่วนตัว ได้
โดยค่าเริ่มต้น จะลิงก์ไปยังนโยบายความเป็นส่วนตัวของตัวสร้าง

คุณสามารถเปลี่ยนลิงก์เป็นหน้านโยบายความเป็นส่วนตัวของคุณเองได้โดยใช้สคริปต์

เพิ่มสคริปต์ในฟิลด์ "โค้ด HTML (body)" ในส่วน CSS และ JS

<script>
document.getElementsByClassName('mavibot-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
ใช้ได้กับหน้า Landing Page แบบมินิรุ่นเก่า

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

สำหรับ Messenger อื่นๆ ให้แทนที่ tg_link ด้วย insta_link, fb_link ฯลฯ

วิธีอัปเดตข้อความปุ่ม

วางโค้ดนี้ในฟิลด์ "โค้ด HTML (body)" ในส่วน CSS และ JS

1. หากต้องการแสดงปุ่ม Messenger ให้สร้างบล็อกแบบฟอร์มใบสมัครพร้อมคำถามและระบุว่า Messenger ใดที่ปุ่มควรปรากฏ

ตั้งค่ารูปแบบ การแสดงปุ่ม เป็น "ไอคอนพร้อมข้อความ"

รายละเอียดเพิ่มเติมเกี่ยวกับส่วนฟอร์มอธิบายไว้ที่นี่ ลิงก์

2. ในส่วนการตั้งค่าไซต์ ภายใต้แท็บ CSS และ JS วางโค้ดต่อไปนี้ในฟิลด์ "การตั้งค่า HTML" → "โค้ด HTML (body)":

โค้ดนี้จะเปลี่ยนข้อความปุ่มสำหรับ Telegram และ Viber สำหรับ Messenger อื่นๆ ให้เพิ่มโค้ดที่คล้ายกันตามตัวอย่าง

วิธีจัดเรียงปุ่มในแถว

วางสคริปต์ต่อไปนี้ในฟิลด์ "โค้ด JS" ในการตั้งค่าหลักของหน้า Landing Page แบบมินิของคุณ

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

วิธีเปลี่ยน Favicon

เพิ่มสคริปต์ในฟิลด์ "โค้ด HTML (head)" ในส่วน CSS และ JS

โค้ดนี้สามารถใช้เพื่อเปลี่ยน favicon ซึ่งเป็นไอคอนของเว็บไซต์หรือหน้าเว็บ

วิธีส่งผ่านตัวแปร/พารามิเตอร์ URL ทั้งหมดเมื่อเปิดเว็บไซต์ของคุณ

คุณต้องวางสคริปต์บนทุกหน้าของเว็บไซต์ YOUR ที่มีลิงก์พร็อกซี สคริปต์ต้องเพิ่มทันทีหลังจากแท็ก <body>

หากคุณใช้โดเมนของคุณเองสำหรับลิงก์พร็อกซี คุณควรแทนที่ sbsite.pro ด้วยโดเมนของคุณ

หากเว็บไซต์ของคุณมีลิงก์พร็อกซีไปยัง Messenger จากหน้าไซต์ คุณสามารถเพิ่มสคริปต์นี้ได้ ซึ่งจะส่งผ่านตัวแปรทั้งหมดที่ใช้ในการเปิดไซต์ไปยังบอท

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

วิธีส่งต่อคุกกี้วิเคราะห์ไปยังบอท

สคริปต์ต้องวางบนทุกหน้าของเว็บไซต์ YOUR ที่มีลิงก์พร็อกซี ควรเพิ่มทันทีหลังจากแท็ก <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('mavibot-privacy__link')[0].href = "ลิงก์นโยบาย";
</script>

Messengers

ข้อความเริ่มต้นของ WhatsApp

ข้อความที่คุณป้อนที่นี่จะปรากฏเป็นร่างใน WhatsApp โดยอัตโนมัติเมื่อผู้ใช้คลิกลิงก์จากไซต์ของคุณ

พวกเขาสามารถกด "ส่ง" ใน Messenger ได้เลย

1. สร้างบล็อก "เริ่มต้น" ในตัวสร้าง
2. ป้อนข้อความจากข้อความเริ่มต้นของคุณลงไป

การวิเคราะห์

เปิดใช้งานการตั้งค่า "บันทึกข้อมูลวิเคราะห์สำหรับ Conversion" เพื่อรักษาการติดตาม Conversion ของไซต์ของคุณ

ซึ่งจะช่วยให้คุณสามารถตรวจสอบ Conversion ในแท็บ การวิเคราะห์ ได้

การส่งออกเว็บไซต์ / การนำเข้าหน้า

ตัวสร้างเว็บไซต์ช่วยให้คุณสามารถส่งออกและนำเข้าทั้งหน้าได้ ซึ่งมีประโยชน์สำหรับการถ่ายโอนไซต์ระหว่างโปรเจกต์โดยไม่ต้องสร้างใหม่ โดยเนื้อหาทั้งหมดจะยังคงอยู่

วิธีส่งออก/นำเข้าหน้า:

1. ขั้นแรก ตรวจสอบให้แน่ใจว่าการเปลี่ยนแปลงทั้งหมดของคุณถูกบันทึกโดยคลิกปุ่ม "บันทึก"

คลิก "ส่งออกหน้า" ในตัวแก้ไขเพื่อส่งออกหน้าของคุณ

เมื่อดาวน์โหลดไฟล์แล้ว (คุณจะเห็นในโฟลเดอร์ดาวน์โหลดและได้รับการยืนยัน) ให้ไปที่การตั้งค่าไซต์ในโปรเจกต์เป้าหมายของคุณ ที่นั่น คลิก "สร้าง" เพื่อสร้างหน้าที่เหมือนกัน

เลือกไฟล์หน้าที่ส่งออกที่คุณบันทึกไว้ก่อนหน้านี้ เมื่อการอัปโหลดได้รับการยืนยันด้วยการแจ้งเตือน คุณจะถูกนำไปยังตัวแก้ไขโดยตรงเพื่อเริ่มทำงานกับหน้าที่นำเข้า

หากจำเป็น ให้ปรับเปลี่ยนตามที่ต้องการและคลิก ปุ่ม "บันทึก"

จะหา ID หน้าได้ที่ไหน?

ID หน้าไซต์จากรายการไซต์สามารถส่งต่อไปยังฟังก์ชันบอทได้ เช่น เพื่อส่งลิงก์ไปยังไซต์ของคุณผ่านบอท หรือเปิดเป็นแอปขนาดเล็กใน Telegram

อ่านเพิ่มเติมเกี่ยวกับ Telegram WebApp ได้ในบทความนี้

หมายเลขไซต์ถูกกำหนดโดยอัตโนมัติด้วยสัญลักษณ์ #

คุณสามารถค้นหา ID หน้าได้โดยวางเมาส์เหนือหน้าไซต์ที่ต้องการ