Sayfanın genel ayarlarına erişmek için üst paneldeki "Ayarlar" düğmesine tıklayın.

Bu, aşağıdaki bölümleri içeren bir menü açar: Genel, Mesajlaşma Uygulamaları, Analitik, Renkler, Yazı Tipleri ve HTML.

Genel

Sayfa Bilgisi

Listedeki Adı

Buraya herhangi bir metin girebilirsiniz. Bu ad, sayfa listesinde yalnızca size 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, platform içinde benzersiz olmalıdır. Başka bir kullanıcı tarafından alınmışsa, onu tekrar kullanamazsınız.

Web sitenize kendi alan adınızı bağlayabilirsiniz.
Bağlantıdaki adı değiştiremiyorsanız, bu ad zaten alınmış demektir.
Ek karakterler ekleyebilir veya farklı bir ad seçebilirsiniz.

Tarayıcı sekme adı

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

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

Etiket

Etiket, bir kullanıcı mesajlaşma uygulaması 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ızı sağlar.

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

Etiket, sayfa ayarlarında atanır.

Etiket alanında belirtilen değer, müşterinin etiket değişkenine kaydedilir. Bu değişken daha sonra analitik amaçlar için kullanılabilir.

Bu etiketi içeren bir mesaj, bot huninizde yanıt gönderme veya sonraki adıma geçme gibi belirli bir eylemi tetikler.

Bir etiket girin, örneğin: welcome_offer

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

Mesajlaşma uygulaması etiketi nasıl kullanılır

Öncelikle, site ayarlarınızda main_flow gibi bir etiket atayın. Ardından, sohbet botunuzun tetikleyici bloğuna aynı etiketi girin.

Sohbet giriş noktası belirleme

Bot mantığınız için giriş noktası olarak belirli bir blok (örneğin, ana huninizin başlangıcı) ayarlayın. Bir kullanıcı sitenizdeki mesajlaşma uygulaması simgesine tıkladığında, mesajlaşma uygulamasına girecek ve hemen bu önceden tanımlanmış noktadan başlayacaktır.

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

Bir kullanıcı düğmeye tıkladığında, doğrudan mesajlaşma uygulamasına gitmesi istenir.

  • Kullanıcı web sitesinden mesajlaşma uygulamasına geçer.
  • Kullanıcı "Başlat" veya "Başlat" düğmesine (cihaza bağlı olarak) dokunur. Kullanıcı daha önce botla etkileşime girmiş olsa bile, botu web sitesinden başlatmak için bu düğmeye basmalıdır - bu, mesajlaşma uygulaması platformu tarafından botlar için belirlenen bir gereksinimdir.
  • Bot, /start yerine web sitesi ayarlarında belirtilen etiketi alacaktır.
  • Müşteri, belirtilen etiket tarafından tetiklenen huniden ilk mesajı alır.
  • Müşterinin profili aşağıdaki değişkeni içerir:

Bir etiket için analitiği görüntülemek üzere "Analitik" bölümüne gidin ve "Müşteriler" sekmesini açın.

Ardından, ana ayarları belirttiğiniz yeni bir pencere öğesi oluşturun:

  • Analitik dönemi: örneğin, "Geçen ay", "Tüm zamanlar" vb.;
  • Pencere öğesi adı: uygun herhangi bir ad;
  • İzlenecek bir etiket belirtin.

Ardından, bir pencere öğesi ekleyin.

Tamamlandı! Artık botunuzun sitenizden bir etiket kullanarak ne sıklıkta başlatıldığını takip edebilirsiniz.

MaviBot'un yerleşik analitiği, sohbetleri, operatör verimliliğini, kurs ilerlemesini ve müşteri metriklerini ücretsiz olarak takip etmenizi sağlayarak harici araçlara olan ihtiyacı ortadan kaldırır.

Daha fazla bilgi için "MaviBot analitiği" makalesine bakın.

Görsel ayarları

Önizleme görseli

Bu, siteniz paylaşıldığında (örneğin, sosyal medyada veya mesajlaşma uygulamalarında) kullanılan küçük resim veya kapak görselidir. 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

reCAPTCHA kurmak için, web sitenizin genel ayarlarında bir çift anahtar (genel ve gizli anahtarlar) sağlamanız ve form ayarlarınızda reCAPTCHA doğrulamasını etkinleştirmeniz gerekir.

Web sitenizi korumak için herhangi bir CAPTCHA hizmetini seçebilirsiniz. Bu bölümde, Google reCAPTCHA'nın nasıl kurulacağına bakacağız.

  1. Anahtar edinme

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

  1. Anahtar girişi

Ardından, kopyalanması ve MaviBot'taki web sitenizin sayfa ayarlarına yapıştırılması gereken bir çift anahtar göreceksiniz.

  1. "Form" bölümünde CAPTCHA'yı etkinleştirme

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

Form bölümü kurulduktan sonra, ayarlarını açın.

Yan menüyü açmak için "Ayarlar" düğmesine tıklayın.

Orada bir CAPTCHA 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, diğer her şey ayarlandıktan ve yapılandırmanın doğru olduğundan emin olduktan sonra etkinleştirmek daha iyidir. Etkinleştirildiğinde, siteye erişmenin tek yolu bot tarafından gönderilen yetkilendirme düğmesi olacaktır.

Alan adını projenize bağlı Telegram botuna bağlayarak başlayalım.

Adım 1: Telegram botunuzu oluşturduğunuz BotFather'a gidin.

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ı'na gidin.

Adım 5: "Alan adı ayarla" düğmesine tıklayın.

Bota zaten 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" ile değiştirilecektir.

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

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

Bu aşamada, alan adı bağlama işlemi tamamlanmıştır.

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

Arayüz ve erişim ayarları

Yalnızca listelere göre erişim

Bu seçenek, kullanıcının projenizin belirli listelerinde bulunmasına bağlı olarak siteye erişim sağlamanıza olanak tanır.

"MaviBot ile yapıldı" etiketi nasıl gizlenir

Etiketi gizlemek için, gerekirse bu onay kutusunu işaretlemeniz yeterlidir.

"MaviBot ile yapıldı" etiketini herhangi bir ücretli planda kaldırabilirsiniz. Sayfalarında "MaviBot ile yapıldı" etiketini tutan herkese minnettarız.

HTML/CSS/JS

Gerekirse bu bölümü doldurabilirsiniz.
CSS'e aşinaysanız, web sitenizi görsel olarak daha da çekici hale getirebilirsiniz. Ayrıca buraya analitik kodu, bir Facebook Pikseli ve daha fazlasını ekleyebilirsiniz.

LÜTFEN DİKKAT!
Komut dosyası örneklerini kopyalarken, bir etiket açılmışsa kapatılması gerektiğinden emin olun.
Örneğin: <script> ... </script>, <style> ... </style>

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

Mesajlaşma uygulaması düğmeleri içeren başvuru formu bloğunda bir Gizlilik Politikası onay kutusu görüntüleyebilirsiniz.
Varsayılan olarak, oluşturucunun gizlilik politikasına bağlanır.

Bir komut dosyası kullanarak bağlantıyı kendi Gizlilik Politikası sayfanıza değiştirebilirsiniz.

Komut dosyasını CSS ve JS bölümündeki "HTML kodu (gövde)" alanına ekleyin.

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

Sayfa indeksleme nasıl devre dışı bırakılır

Sayfa indekslemeyi devre dışı bırakmak için, komut dosyasını HTML kodu (baş) alanına ekleyin.

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

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

Komut dosyasını CSS ve JS bölümündeki "HTML kodu (gövde)" alanına ekleyin.

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

Web sitesi sayfa başlığı nasıl kaldırılır

Komut dosyasını CSS ve JS bölümündeki "HTML kodu (gövde)" alanına ekleyin.
Bu, mini açılış sayfalarının eski 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.

Komut dosyasını CSS ve JS bölümündeki "HTML kodu (gövde)" 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. kullanın.

Bir düğme metni nasıl güncellenir

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

  1. Mesajlaşma uygulaması 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

Düğme görüntüleme stilini "Metinli simge" olarak ayarlayın

Form bölümü hakkında daha fazla ayrıntı burada açıklanmıştır. bağlantı

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

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

Düğmeler bir satırda nasıl hizalanır

Aşağıdaki komut dosyasını mini açılış sayfanızın ana ayarlarındaki "JS kodu" alanına yapıştırın.

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

Favicon nasıl değiştirilir

Komut dosyasını CSS ve JS bölümündeki "HTML kodu (baş)" alanına ekleyin.

Bu kod, favicon'u (bir web sitesinin veya web sayfasının simgesi) değiştirmek için kullanılabilir.

Web sitenizi açarken tüm URL değişkenlerini/parametrelerini iletme

Komut dosyasını, bir proxy bağlantısı içeren WEB SİTENİZİN tüm sayfalarına yerleştirmeniz gerekir. Komut dosyası, <body> etiketinden hemen sonra eklenmelidir.

Proxy bağlantıları için kendi alan adınızı kullanıyorsanız, sbsite.pro alan adınızla değiştirmelisiniz.

Web siteniz, site sayfasından mesajlaşma uygulamalarına proxy bağlantıları içeriyorsa, bu komut dosyasını ekleyebilirsiniz - siteyi açmak için kullanılan tüm değişkenleri bota iletecektir.

<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 çerezlerini bota iletme

Komut dosyası, bir proxy bağlantısı içeren WEB SİTENİZİN tüm sayfalarına yerleştirilmelidir. <body> etiketinden hemen sonra eklenmelidir.

Proxy bağlantıları için kendi alan adınızı kullanıyorsanız, mavibot.ai alan adınızla değiştirmeniz gerekir.

Analitik çerezlerini bota iletmeniz gerekiyorsa, sitenize aşağıdaki komut dosyasını 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 (gövde)" alanına yapıştırın:

Bu komut dosyası, Gizlilik Politikası bağlantısını kendi bağlantınızla değiştirmenize olanak tanır.

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

Mesajlaşma Uygulamaları

İlk WhatsApp mesajı

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

Mesajlaşma uygulamasında "Gönder" düğmesine basmaları yeterlidir.

  1. Oluşturucuda bir "Başlat" bloğu oluşturun.
  2. İlk mesajınızdaki metni buna girin.

Analitik

Site dönüşüm takibinizi korumak için "Dönüşüm için analitik verilerini kaydet" ayarını etkinleştirin.

Bu, Analitik sekmesinde dönüşümleri izlemenize olanak tanır.

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, tüm içerik 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:

  1. İlk olarak, "Kaydet" düğmesine tıklayarak tüm değişikliklerinizin kaydedildiğinden emin olun.

Sayfanızı dışa aktarmak için düzenleyicide "Sayfayı dışa aktar" düğmesine tıklayın.

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

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ği nerede bulunur?

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 bir mini uygulama olarak açmak için.

Telegram WebApp hakkında daha fazla bilgiyi bu makalede okuyun.

Site numarası, # sembolü ile otomatik olarak atanır.

Sayfa kimliğini, istediğiniz site sayfasının üzerine gelerek bulabilirsiniz.