# Sayfa ayarları

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

<div data-with-frame="true"><figure><img src="/files/600d3f974a7d0fcf91d6d3d0339b99a39074d590" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/297916546b011c40acd44c381d12a9df2315a665" alt=""><figcaption></figcaption></figure></div>

## **Genel**

### **Sayfa Bilgileri**

<div data-with-frame="true"><figure><img src="/files/cf32b9c8b0fdf1c90a8dc30b9f36ec15cd45a022" alt="" width="563"><figcaption></figcaption></figure></div>

#### Listede Ad

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

<div data-with-frame="true"><figure><img src="/files/728ef6fc671d317207a4d1ef3177df52a5f7fd78" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/4c8422b8d255442d954f0e44103a70e877e8c105" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
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.
{% endhint %}

<div data-with-frame="true"><figure><img src="/files/8c5ec3b0720083219135bf6f80d42d2d7faf7c95" alt="" width="563"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/9db39961b02e9942b90ff988822ed7ca76959ba8" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="success" %}
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.
{% endhint %}

#### **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.

<div data-with-frame="true"><figure><img src="/files/d84a133420c46d452b12cc53d50ea2983597eae4" alt="" width="276"><figcaption></figcaption></figure></div>

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

### **Etiket**

<div data-with-frame="true"><figure><img src="/files/ccc38b294f7bed4e62f8d18a902381a46a07df80" alt="" width="375"><figcaption></figcaption></figure></div>

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.

{% hint style="warning" %}
Etiket, sayfa ayarlarında atanır.
{% endhint %}

{% hint style="success" %}
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.
{% endhint %}

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`

<div data-with-frame="true"><figure><img src="/files/9ed9371ba9bbb67c84531ad02c7d359c4c9b65da" alt="" width="358"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/036a520316dc2a362e0a01de85105abcd137a404" alt="" width="563"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/d48ceaa1fb164e179119d999660c4d54ae5314d2" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/121bfa5756411d132c67270f44ded39c9df509b7" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/958d9fc80db767e7f95b5b77e2fce5292b4daa39" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
Form bloklarını ve mesajlaşma yönlendirme düğmelerini yapılandırmak için, **"Form yanıtları"** kılavuzuna bakın **İçerik ayarları**.
{% endhint %}

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

<div data-with-frame="true"><figure><img src="/files/6bafe491ac2277e636f4e8af4de4983c05931a86" alt="" width="375"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/2d3378e0905f22be0483e26fd3987437ba458ec2" alt="" width="285"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/cd1225eed766188f1f836edb3cf07a5783211ebb" alt="" width="282"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/85de4984109e8e96c7a1d6ac61fc1005a08dbc82" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/22b1cbd2a850d35b67f1920c45b0e21b9017e407" alt="" width="375"><figcaption></figcaption></figure></div>

Ardından, bir widget ekleyin.

{% hint style="success" %}
Tamamdır! Artık etiket kullanarak botunuzun sitenizden ne sıklıkta başlatıldığını izleyebilirsiniz.
{% endhint %}

{% hint style="info" %}
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.
{% endhint %}

### Görsel ayarları

Önizleme görseli

<div data-with-frame="true"><figure><img src="/files/5c8d33f9f2d224550cb6944eaf423579573128b7" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/673e15af5da3b9435efc067358371d8befd9c32f" alt="" width="563"><figcaption></figcaption></figure></div>

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

1. **Anahtar alma**

<div data-with-frame="true"><figure><img src="/files/59577ba28654a37b7dbadfb65a5818f5eb5b2967" alt=""><figcaption></figcaption></figure></div>

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."**

2. **Anahtar girişi**

<div data-with-frame="true"><figure><img src="/files/e103ef700296bfa08e67096c7119e833e97aa72f" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/b4d13660ea69315b7fe7f4f4ee2c7d9e01d3bef2" alt="" width="563"><figcaption></figcaption></figure></div>

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

{% hint style="info" %}
"Form" bölümünün nasıl oluşturulacağı ve kullanılacağı buradaki makalede açıklanmıştır.
{% endhint %}

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

<div data-with-frame="true"><figure><img src="/files/74811fb133902ec631fbed5b43d46ca6ddf19fdd" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/5a1335d55d54dcc4969b205f4e30a450533154ea" alt="" width="563"><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/0c48406c44e9e8a0c6f1f3a29cd2f8d241550fbf" alt="" width="441"><figcaption></figcaption></figure></div>

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

<figure><img src="/files/a8e162abb1e93bf1e2e1a180bb3f67015f87aaf4" alt="" width="375"><figcaption></figcaption></figure>

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

<figure><img src="/files/1bfb092d7ec017d9dafcc9e102537cd871136b41" alt="" width="345"><figcaption></figcaption></figure>

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

<figure><img src="/files/33283326f87b02e40aaad8bd0a9588029230c5d8" alt="" width="294"><figcaption></figcaption></figure>

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

<figure><img src="/files/5474363c7f1aa44160defaeb74d0effc3ba0b153" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}
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.
{% endhint %}

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

<figure><img src="/files/07ffb9edecd383ef1fb233394d178b00e63301a1" alt="" width="563"><figcaption></figcaption></figure>

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:

<div data-with-frame="true"><figure><img src="/files/a683e368e0084729058a2da0b6b5224606154ac5" alt="" width="563"><figcaption></figcaption></figure></div>

### Arayüz ve erişim ayarları

<div data-with-frame="true"><figure><img src="/files/34ed9fe48a51d0c70af1e2484b9513eb3357d6cb" alt="" width="563"><figcaption></figcaption></figure></div>

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

&#x20;Etiketi gizlemek için, gerekiyorsa bu onay kutusunu işaretleyin.&#x20;

{% hint style="success" %}
"MaviBot ile yapıldı" etiketini herhangi bir ücretli planda kaldırabilirsiniz. Sayfalarında "MaviBot ile yapıldı" etiketini koruyan herkese teşekkür ederiz.
{% endhint %}

## HTML/CSS/JS

<div data-with-frame="true"><figure><img src="/files/cbcdb6d5d18fee8185767c9ac298faddb68171bf" alt="" width="563"><figcaption></figcaption></figure></div>

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

{% hint style="warning" %}
**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>`
{% endhint %}

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

Messenger düğmelerinin bulunduğu başvuru formu bloğunda bir **Gizlilik Politikası onay kutusu**gösterebilirsiniz.\
Varsayılan olarak, oluşturucunun gizlilik politikasına bağlanır.<br>

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

{% hint style="info" %}
Betiği CSS ve JS bölümündeki "HTML kodu (body)" alanına ekleyin.
{% endhint %}

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

<div data-with-frame="true"><figure><img src="/files/ab4e12e74244ef2f82c878184711066047fc3061" alt="" width="563"><figcaption></figcaption></figure></div>

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

{% hint style="info" %}
Betiği CSS ve JS bölümündeki "HTML kodu (body)" alanına ekleyin.
{% endhint %}

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

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

{% hint style="info" %}
**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.
{% endhint %}

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

```

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

{% hint style="info" %}
Betiği CSS ve JS bölümündeki "HTML kodu (body)" alanına ekleyin.
{% endhint %}

```javascript
<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**

{% hint style="info" %}
**Bu kodu CSS ve JS bölümündeki "HTML kodu (body)" alanına yapıştırın.**
{% endhint %}

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

<div data-with-frame="true"><figure><img src="/files/63850f384178bf0e0f2b9dbe832f51cf6efd2689" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/817ab79256b61088ce0bcdfb63e23fcc18a928d5" alt="" width="367"><figcaption></figcaption></figure></div>

{% hint style="info" %}
olarak ayarlayın. Form bölümü hakkında daha fazla ayrıntı burada açıklanmıştır. ссылка
{% endhint %}

2. 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:

<pre class="language-javascript"><code class="lang-javascript">&#x3C;style>
.tg_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.viber_link {
font-size: 0 !important;
padding: 15px 15px !important;
}

<strong>.tg_link:after {content: "Telegram’da kayıt ol";font-size: 15px;color: white}
</strong>.viber_link:after {content: "Viber’da kayıt ol";font-size: 15px;color: white}
&#x3C;/style>
</code></pre>

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')
})
```

<div data-with-frame="true"><figure><img src="/files/e5fc042c134e62f6ae701dca411feb8fd2e431c2" alt="" width="563"><figcaption></figcaption></figure></div>

**Favicon nasıl değiştirilir**

{% hint style="info" %}
Betiği CSS ve JS bölümündeki "HTML kodu (head)" alanına ekleyin.
{% endhint %}

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

<pre class="language-html"><code class="lang-html"><strong>&#x3C;link rel="shortcut icon" type="image/x-icon" href="simge bağlantısı" />
</strong></code></pre>

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

{% hint style="warning" %}
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.
{% endhint %}

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.

```javascript
<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**

{% hint style="warning" %}
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.
{% endhint %}

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

```javascript
<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**

{% hint style="warning" %}
CSS ve JS sekmesinde, aşağıdaki kodu "HTML Ayarları" → "HTML kodu (body)" alanına yapıştırın:
{% endhint %}

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.

<div data-with-frame="true"><figure><img src="/files/aab4a10a1c20fc66abaf251f1178422777786f2f" alt="" width="563"><figcaption></figcaption></figure></div>

Sadece **"Gönder"** düğmesine basabilirler

<div data-with-frame="true"><figure><img src="/files/f210afaf315f4054e12a4f70a2836bfebe209da3" alt="" width="375"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/700ccfe62950e9b6568d6e2e2ae3155fdd21e7ac" alt="" width="375"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/1028bee95c51cf28536a8a1a8c09088bd18955f4" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/0490311f5ec0f925ecf396ad9280d87cd1b0cb0e" alt="" width="563"><figcaption></figcaption></figure></div>

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

<figure><img src="/files/7a30d14c06499c406120a3806f79e32f8c2c15e1" alt=""><figcaption></figcaption></figure>

## 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:**

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

<div data-with-frame="true"><figure><img src="/files/a0d2ab8aaa94f2116b2884cf43c4035b30c60f02" alt=""><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/78366fbac2cded76f20de0eab261340b3eb16383" alt="" width="563"><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/e06b727a0cf18443a20e13517781945bfc1a60b9" alt=""><figcaption></figcaption></figure></div>

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.

{% hint style="success" %}
Gerekirse, gerekli ayarlamaları yapın ve **"Kaydet" düğmesine tıklayın**.
{% endhint %}

## **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.

{% hint style="info" %}
Telegram WebApp hakkında daha fazlasını bu makalede okuyun.
{% endhint %}

{% hint style="info" %}
Site numarası otomatik olarak `#` simgesine kadar olan kısmını kopyalamanız gerekir.
{% endhint %}

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

<div data-with-frame="true"><figure><img src="/files/e8d6e7af229735b6819be8677c43e9428b9e8d3a" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/tr/websites/siteler/page-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.