Sayfa ayarları

Üst paneldeki "Ayarlar" düğmesine tıklayarak sayfanın genel ayarlarına erişin.

Bu, aşağıdaki bölümleri içeren bir menü açar: Genel, Messenger'lar, Analitik, Renkler, Yazı Tiplerive HTML.

Genel

Sayfa Bilgileri

Listede Ad

Buraya istediğiniz herhangi bir metni girebilirsiniz. Bu ad yalnızca size sayfa listesinde görünür.

URL

Bu alan, sayfa için özel bir bağlantı (URL) belirlemenizi sağlar. Boş bırakılırsa, harf ve rakamlardan otomatik olarak benzersiz bir ad oluşturulur.

Gereksinimler:

Yalnızca aşağıdaki karakterler kullanılabilir:

Latin harfleri (a–z)
Rakamlar (0–9)
Alt çizgi (_) sembolü

Adın benzersiz olması gerekir. Platformda başka bir kullanıcı tarafından zaten alınmışsa, tekrar kullanamazsınız.

Web sitesine kendi alan adınızı bağlayabilirsiniz. Bağlantıdaki adı değiştiremiyorsanız, bu adın zaten alınmış olduğu anlamına gelir. Ek karakterler ekleyebilir veya farklı bir tane seçebilirsiniz.

Tarayıcı sekmesi adı

Varsayılan olarak, tarayıcı sekmesi adı şu alanla site adı eşleşir, ancak daha kısa veya daha açıklayıcı olacak şekilde özelleştirebilirsiniz.

Tarayıcı sekmesi adı, sayfanın adres çubuğunda görüntülenir.

Etiket

Bir etiket, kullanıcı mesajlaşma simgesine tıkladığı anda botunuza gönderilen bir etikettir. Kullanıcının ilk mesajını beklemeden belirli bot akışlarını anında başlatmanıza olanak tanır.

Etiket adını bir tetik bloğunun "Tetikleyici" alanına girin.

Etiket, sayfa ayarlarında atanır.

Belirtilen Etiket alanındaki değer, istemcinin tag değişkenine kaydedilecektir. Bu değişken daha sonra analiz amaçları için kullanılabilir.

Bu etiketi içeren bir mesaj, botunuzun hunisinde yanıt gönderme veya bir sonraki adıma geçme gibi belirli bir işlemi tetikleyecektir.

Örneğin bir etiket girin: welcome_offer

Kaydedilen etiket, sayfa bilgi panelinde görünür olacaktır.

Bir mesajlaşma etiketi nasıl kullanılır

Önce, main_flow gibi bir etiketi site ayarlarınıza atayın. Ardından, o tam etiketi chatbotunuzun tetik bloğuna girin.

Bir sohbet giriş noktası ayarlama

Bot mantığınız için belirli bir bloğu (ör. ana huni başlangıcı) giriş noktası olarak ayarlayın. Bir kullanıcı sitenizdeki mesajlaşma simgesine tıkladığında, mesajlaşma aracına girer ve önceden tanımlanmış bu noktadan hemen başlar.

Form bloklarını ve mesajlaşma yönlendirme düğmelerini yapılandırmak için, "Form yanıtları" kılavuzuna bakın İçerik ayarları.

Kullanıcı düğmeye tıkladığında, doğrudan mesajlaşma aracına geçmesi istenir.

Kullanıcı web sitesinden mesajlaşma aracına geçer.
Kullanıcı “Başlat” veya “Çalıştır” düğmesine dokunur (cihaza bağlı olarak). Kullanıcı daha önce botla etkileşim kurmuş olsa bile, web sitesinden botu başlatmak için bu düğmeye basması gerekir — bu, mesajlaşma platformunun botlar için koyduğu bir gereksinimdir.
Bunun yerine /start, bot şu etiketi alacaktır: web sitesi ayarlarında belirtilen etiket.
Müşteri, belirtilen etiket tarafından tetiklenen huniden ilk mesajı alır.
Müşterinin profili aşağıdaki değişkeni içerir:

Bir etiketin analizlerini görüntülemek için "Analitik" bölümüne gidin ve "Müşteriler" sekmesine gidin.

Ardından, ana ayarları belirttiğiniz yeni bir widget oluşturun:

Analitik dönemiörneğin, “Geçen ay”, “Tüm zamanlar” vb.;
Widget adıherhangi uygun bir ad;
İzlenecek bir etiket belirtin .

Ardından, bir widget ekleyin.

Tamamdır! Artık etiket kullanarak botunuzun sitenizden ne sıklıkta başlatıldığını izleyebilirsiniz.

MaviBot’un yerleşik analitiği, sohbetleri, operatör verimliliğini, kurs ilerlemesini ve müşteri metriklerini ücretsiz olarak izlemenizi sağlar; dış araçlara olan ihtiyacı ortadan kaldırır.

Daha fazla bilgi için "MaviBot analitiği" makale.

Görsel ayarları

Önizleme görseli

Bu, siteniz paylaşıldığında kullanılan küçük resim veya kapak görselidir (ör. sosyal medyada veya mesajlaşma uygulamalarında). Varsayılan olarak, sayfanızdaki ilk görseli kullanır. Özel bir önizleme ayarlamak için seçtiğiniz görseli bu alana yükleyin.

Site koruma ayarları / reCAPTCHA

Ayarlamak için reCAPTCHA, anahtar çiftini (genel ve gizli anahtarlar) web sitenizin genel ayarlarına girmeniz ve reCAPTCHA doğrulamasını form ayarlarınızda.

etkinleştirmeniz gerekir. Web sitenizi korumak için herhangi bir CAPTCHA hizmeti seçebilirsiniz. Bu bölümde, Google reCAPTCHA.

Anahtar alma

Başlamak için, anahtarları almak üzere temel bilgileri doldurmanız gerekir: CAPTCHA türlerini seçin ve korumanın kurulacağı web sitesinin alan adını ekleyin. Ardından, "Gönder."

Anahtar girişi

Sonraki adımda, MaviBot’taki sayfa ayarlarına kopyalayıp yapıştırmanız gereken bir anahtar çifti göreceksiniz.

"Form" bölümünde CAPTCHA’yı etkinleştirme

"Form" bölümünün nasıl oluşturulacağı ve kullanılacağı buradaki makalede açıklanmıştır.

Bir kez Form bölümü ayarlandıktan sonra, ayarlarını açın.

Tıklayın "Ayarlar" yan menüyü açmak için.

Orada CAPTCHA’yı etkinleştirme onay kutusu görünecektir.

Kimlik doğrulama

Bu seçenek, siteye yetkisiz erişmeye çalışan kullanıcıları filtrelemeye yardımcı olur. Ancak, bunu diğer her şey ayarlandıktan ve yapılandırmanın doğru olduğundan emin olduktan sonra etkinleştirmek daha iyidir. Etkinleştirildikten sonra, siteye erişmenin tek yolu botun gönderdiği yetkilendirme düğmesi olacaktır.

Önce, alan adını projenize bağlı Telegram botuna bağlayalım.

Adım 1: Şuraya gidin BotFather, Telegram botunuzu oluşturduğunuz yerde.

Adım 2: Web sitesine bağlamak istediğiniz bir Telegram botu seçin ve üzerine tıklayın.

Adım 3: Telegram botunun ayarlarına gidin.

Adım 4: Bot ayarlarında Alan adı.

Adım 5: Şuna tıklayın "Alan adı ayarla".

Eğer daha önce bota bir alan adı bağladıysanız veya aynı bot için yeni bir alan adı ayarlamanız gerekiyorsa, "Alan adı ayarla" düğmesi "Alan adını sıfırla" olarak değiştirilecektir.

Adım 6: Telegram botuna bağlamak istediğiniz bir alan adını gönderin: bunun için alan adını mesaj giriş alanına yazın ve bota gönderin.

Bu, alan adı kayıt kuruluşundan aldığınız kişisel alan adınız da olabilir, mavitbot.ai gibi bir şey de olabilir

Bu aşamada alan adı bağlantısı tamamlanmıştır.

Alan adını bota bağladıktan sonra, form ayarlarında "Telegram üzerinden yetkilendirme zorunlu" onay kutusunu etkinleştirin:

Arayüz ve erişim ayarları

Yalnızca listelere göre erişim

Bu seçenek, kullanıcının projenizdeki belirli listelerde bulunmasına göre siteye erişim sağlamanıza olanak tanır.

"MaviBot ile yapıldı" etiketini nasıl gizlersiniz

Etiketi gizlemek için, gerekiyorsa bu onay kutusunu işaretleyin.

"MaviBot ile yapıldı" etiketini herhangi bir ücretli planda kaldırabilirsiniz. Sayfalarında "MaviBot ile yapıldı" etiketini koruyan herkese teşekkür ederiz.

HTML/CSS/JS

Gerekirse bu bölümü doldurabilirsiniz. CSS’ye aşinaysanız, web sitenizi görsel olarak daha da çekici hale getirebilirsiniz. Buraya ayrıca analiz kodu, Facebook Pixel ve daha fazlasını ekleyebilirsiniz.

LÜTFEN DİKKAT! Script örneklerini kopyalarken, bir etiket açılıyorsa mutlaka kapatılması gerektiğinden emin olun. Örneğin: <script> ... </script>, <style> ... </style>

Gizlilik Politikası bağlantısı nasıl değiştirilir

Messenger düğmelerinin bulunduğu başvuru formu bloğunda bir Gizlilik Politikası onay kutusugösterebilirsiniz. Varsayılan olarak, oluşturucunun gizlilik politikasına bağlanır.

Bağlantıyı bir betik kullanarak kendi Gizlilik Politikası sayfanıza değiştirebilirsiniz.

Betiği CSS ve JS bölümündeki "HTML kodu (body)" alanına ekleyin.

<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "gizlilik politikası bağlantısı";
</script>

Sayfa dizine ekleme nasıl devre dışı bırakılır

Sayfa dizine eklemeyi devre dışı bırakmak için, betiği HTML kodu (head) alanına ekleyin.

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

Facebook düğmesi site sayfanızdan nasıl kaldırılır

Betiği CSS ve JS bölümündeki "HTML kodu (body)" alanına ekleyin.

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

Site sayfanızın başlığı nasıl kaldırılır

Betiği CSS ve JS bölümündeki "HTML kodu (body)" alanına ekleyin. Bu, eski mini açılış sayfası sürümleri için geçerlidir.

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

Telegram düğmesi bağlantısı nasıl düzenlenir.

Betiği CSS ve JS bölümündeki "HTML kodu (body)" alanına ekleyin.

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

Diğer mesajlaşma uygulamaları için tg_link yerine insta_link, fb_link, vb.

Bir düğme metni nasıl değiştirilir

Bu kodu CSS ve JS bölümündeki "HTML kodu (body)" alanına yapıştırın.

Messenger düğmesini görüntülemek için, sorular içeren bir başvuru formu bloğu oluşturun ve düğmelerin hangi mesajlaşma uygulamaları için görünmesi gerektiğini belirtin

şu ayarı düğme görüntüleme stiline "Simge ve metin"

olarak ayarlayın. Form bölümü hakkında daha fazla ayrıntı burada açıklanmıştır. ссылка

Site Ayarları bölümünde, CSS ve JS sekmesi altında, aşağıdaki kodu "HTML ayarları" → "HTML kodu (body)" alanına yapıştırın:

<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: "Telegram’da kayıt ol";font-size: 15px;color: white}
.viber_link:after {content: "Viber’da kayıt ol";font-size: 15px;color: white}
</style>

Bu kod Telegram ve Viber için düğme metnini değiştirecektir. Diğer mesajlaşma uygulamaları için, örnekteki gibi benzer kod ekleyin.

Düğmeleri bir satırda nasıl hizalarım

Aşağıdaki betiği mini açılış sayfanızın ana ayarlarındaki "JS code" alanına yapıştırın.

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

Favicon nasıl değiştirilir

Betiği CSS ve JS bölümündeki "HTML kodu (head)" alanına ekleyin.

Bu kod favicon’u — bir web sitesinin veya web sayfasının simgesini — değiştirmek için kullanılabilir.

<link rel="shortcut icon" type="image/x-icon" href="simge bağlantısı" />

Web sitenizi açarken tüm URL değişkenlerini/parametrelerini nasıl aktarabilirsiniz

Betiği, proxy bağlantısı içeren YERİNİZİN web sitesindeki tüm sayfalara yerleştirmeniz gerekir. Betik, hemen <body> etiketinin içine yapıştırın.

sonrasına eklenmelidir. sbsite.pro yerine kendi alan adınızı kullanmalısınız.

Web sitenizdeki sayfa üzerinden mesajlaşma uygulamalarına giden proxy bağlantıları varsa, bu betiği ekleyebilirsiniz — siteyi açmak için kullanılan tüm değişkenleri bota aktaracaktır.

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

Analitik çerezleri bota nasıl iletilir

Betik, proxy bağlantısı içeren YERİNİZİN web sitesindeki tüm sayfalara yerleştirilmelidir. Hemen sonrasına eklenmelidir <body> etiketinin içine yapıştırın.

Proxy bağlantıları için kendi alan adınızı kullanıyorsanız, mavibot.ai yerine kendi alan adınızı kullanmalısınız.

Analitik çerezlerini bota aktarmanız gerekiyorsa, sitenize aşağıdaki betiği ekleyin:

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

Gizlilik politikası bağlantısı nasıl değiştirilir

CSS ve JS sekmesinde, aşağıdaki kodu "HTML Ayarları" → "HTML kodu (body)" alanına yapıştırın:

Bu betik, Gizlilik Politikası bağlantısını kendi bağlantınızla değiştirmenizi sağlar.

<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "politika bağlantısı";
</script>

Messenger'lar

İlk WhatsApp mesajı

Buraya girdiğiniz metin, sitenizdeki bağlantıya tıkladıklarında WhatsApp’larında otomatik olarak taslak olarak görünecektir.

Sadece "Gönder" düğmesine basabilirler

Bir "Başlat" oluşturucudaki blok.
İlk mesajınızdaki metni buna girin.

Analitik

Bu bloğa giden bağlantı üzerinde aşağıdaki tetikleyiciyi yapılandırın: "Dönüşüm için analitik verilerini kaydet" ayarı, sitenizin dönüşüm takibini korumak için.

Bu, dönüşümleri Analitik sekmesine gidin.

Web Sitesi Dışa Aktarma / Sayfa İçe Aktarma

Web sitesi oluşturucu, tüm sayfaları dışa ve içe aktarmanıza olanak tanır. Bu, içeriğin tamamı korunarak bir siteyi yeniden oluşturmadan projeler arasında aktarmak için kullanışlıdır.

Bir sayfa nasıl dışa/içe aktarılır:

Önce, "Kaydet" düğmesine tıklamanız gerekir.

Tıklayın "Sayfayı dışa aktar" düğmesine tıklayarak tüm değişikliklerinizin kaydedildiğinden emin olun ve sayfanızı dışa aktarın.

Dosya indirildikten sonra (indirmeler klasörünüzde göreceksiniz ve bir onay alacaksınız), hedef projenizdeki site ayarlarına gidin. Orada "Oluştur" aynı sayfayı oluşturmak için.

Daha önce kaydettiğiniz dışa aktarılan sayfa dosyasını seçin. Yükleme bir bildirimle onaylandıktan sonra, içe aktarılan sayfa üzerinde çalışmaya başlamak için doğrudan düzenleyiciye yönlendirileceksiniz.

Gerekirse, gerekli ayarlamaları yapın ve "Kaydet" düğmesine tıklayın.

Sayfa kimliğini nerede bulabilirsiniz?

Site listesindeki site sayfası kimliği, bot işlevlerine iletilebilir — örneğin, bot aracılığıyla sitenize bir bağlantı göndermek veya Telegram’da mini uygulama olarak açmak için.

Telegram WebApp hakkında daha fazlasını bu makalede okuyun.

Site numarası otomatik olarak # simgesine kadar olan kısmını kopyalamanız gerekir.

İstediğiniz site sayfasının üzerine gelerek sayfa kimliğini bulabilirsiniz.

ÖncekiSite potansiyel müşterileri SonrakiSite bilgileri

Son güncelleme 5 ay önce