---
title: "Search Console ve GA4 Bağlama: Kurulum Rehberi | Brantial"
description: "Google arama verilerinizi ve AI'dan gelen trafiği Brantial'a getirin. İkisini yaklaşık beş dakikada bağlayın, sitenizi ve mülkünüzü seçin, sık görülen hataları çözün."
source_url: "https://brantial.ai/tr/help/google-search-console-analytics/"
lang: "tr"
updated: "2026-10-23T00:00:00.000Z"
---

[![Brantial](https://brantial.ai/layout/logo-wordmark.svg)](https://brantial.ai/tr/)

[Giriş Yap](https://app.brantial.ai/login) [1 Analiz Hakkı](https://brantial.ai/tr/brandscore/)

1 ANALİZ HAKKI

AI Sizi Nerede Saklıyor?

ChatGPT, Gemini, Perplexity ve Claude'da markanızın görünürlük önizlemesini dakikalar içinde alın.

4 dk ortalama rapor süresi

[1 Analiz Hakkı](https://brantial.ai/tr/brandscore/)

Ölç

- [AI Görünürlük Yapay zekâ cevaplarında markanızın yeri](https://brantial.ai/tr/features/ai-visibility/)
- [Prompt Hacimleri Yapay zekâya ne sorulduğu, ne sıklıkla](https://brantial.ai/tr/features/prompt-volumes/)
- [Kaynaklar ve Atıflar Yapay zekânın kaynak gösterdiği sayfalar](https://brantial.ai/tr/features/sources-citations/)
- [Yerel Görünürlük ChatGPT’nin yerel işletme listesinde yeriniz](https://brantial.ai/tr/features/local-visibility/)
- [AI Shopping ChatGPT alışverişte ürün görünürlüğü](https://brantial.ai/tr/features/shopping/)

Geliştir

- [Site Health Sitenizi AI tarayıcılarının gözünden denetleyin](https://brantial.ai/tr/features/site-health/)
- [AI Page Optimizer Sayfalarınızı yapay zekâ cevapları için yeniden yazın](https://brantial.ai/tr/features/page-optimizer/)
- [Agent Analytics Beta Sitenize gelen AI tarayıcıları](https://brantial.ai/tr/features/agent-analytics/)

[Platforma genel bakış](https://brantial.ai/tr/platform/) [Ürün turu](https://brantial.ai/tr/product-tour/) [Entegrasyonlar](https://brantial.ai/tr/integrations/)

VAKA ÇALIŞMASI

Bankacılıkta ChatGPT Trafiği

Önde gelen bir bankacılık kurumu, ChatGPT kaynaklı kullanıcı etkileşiminde %2.400’den fazla artış elde etti.

+%2.400 ChatGPT kaynaklı trafik

[Vakayı Okuyun](https://brantial.ai/tr/case-studies/bankacilikta-ai-odakli-buyume/)

Müşteri Hikayeleri

- [Tüm Vaka Çalışmaları Ölçülmüş sonuçlar, kaynağıyla](https://brantial.ai/tr/case-studies/)
- [Kolajen Ürün Grubu %98,7 AI görünürlüğü](https://brantial.ai/tr/case-studies/kolajen-urun-grubunda-ai-gorunurlugu/)
- [Sağlık Turizmi Hedeflenen prompt'larda görünürlük kazanımı](https://brantial.ai/tr/case-studies/saglik-turizmi-markasi-hedeflenen-prompt-larda-gorunurluk-kazanmaya-basladi/)

Araştırma

- [Raporlar Yeni Sektör raporları ve kaynak verisi](https://brantial.ai/tr/reports/)
- [AI Otorite Endeksi Haftalık kategori kıyas ölçütü](https://brantial.ai/tr/ai-authority-index/)
- [AI Sektör Endeksi Türkiye’de 18 sektörde AI’ın önerdiği markalar](https://brantial.ai/tr/ai-sektor-endeksi/)
- [GEO Sözlüğü Kategori terimleri, sade tanımlar](https://brantial.ai/tr/glossary/)

Öğren

- [Kaynak Merkezi Rehberler ve dokümanlar](https://brantial.ai/tr/resources/)
- [Yardım Merkezi Bağlantılar için adım adım kurulum](https://brantial.ai/tr/help/)
- [Blog GEO, AEO ve agentic commerce yazıları](https://brantial.ai/tr/blog/)
- [Brantial University Sokratik sertifikasyon, %80 kapısı](https://university.brantial.ai/tr)

Çözümler

- [Ekiplere göre Kurumsal, içerik, PR ve e-ticaret ekipleri](https://brantial.ai/tr/solutions/)
- [Sektörlere göre Sektör rehberleri, örnek sorular ve araştırmalar](https://brantial.ai/tr/industries/)

BRANTIAL

AI ajanlarıyla işleyen ticareti güvenilir kılmak

Ürün bilgisinden alışverişin tamamlanmasına kadar doğruluğu artırmaya odaklanan, Webtures LTD tarafından işletilen bir teknoloji girişimi.

KVKK GDPR · SOC 2 süreçte

[Hakkımızda](https://brantial.ai/tr/about/)

Brantial

- [Hakkımızda Agentic commerce vizyonumuz ve ilkelerimiz](https://brantial.ai/tr/about/)
- [Güven Merkezi KVKK, GDPR, SOC 2, veri yerleşimi](https://brantial.ai/tr/trust/)

Partnerler

- [Brantial Partners Sertifikalı ağ, toptan marj ve white-label](https://brantial.ai/tr/agency-partner/)

İletişim

- [İletişim Satış, destek, basın](https://brantial.ai/tr/contact/)
- [Kariyer Açık pozisyonlar](https://brantial.ai/tr/careers/)

Yardım

# Google Search Console ve Analytics'i bağlama

Google arama verilerinizi ve AI'dan gelen trafiği Brantial'a getirin. İkisini yaklaşık beş dakikada bağlayın, sitenizi ve mülkünüzü seçin, sık görülen hataları çözün.

Güncellendi: 23 Ekim 2026

Brantial, projeniz için iki Google kaynağını okur. **Search Console**, sayfalarınızın hangi Google aramalarında çıktığını tıklama, gösterim ve sıralamayla gösterir. **Google Analytics** ise ChatGPT, Perplexity, Gemini, Copilot, Claude ve diğer AI cevaplarındaki bir linke tıklayıp sitenize gelen kişileri sayar. İki bağlantı da yalnızca okuma izniyle çalışır ve yaklaşık beş dakika sürer.

## Başlamadan önce

- **Google’ı yalnızca proje sahibi bağlayabilir.** Ekip üyeleri **AI Trafiği** ekranında **Proje sahibinden iste** düğmesini görür. Bu düğme proje sahibine e-posta gönderir.
- **İkisini de gören tek bir Google hesabı kullanın.** Brantial, girişinize tek bir Google hesabı bağlar ve tüm projelerinizde Search Console ile Analytics için bu hesabı kullanır.
- **Search Console:** Bu hesapla [Search Console](https://search.google.com/search-console)’da sitenizin mülkünü açabiliyor olmanız gerekir. Sahip, tam yetkili ve kısıtlı kullanıcıların hepsi olur.
- **Google Analytics:** Hesabın, sitenizin GA4 mülkünde en az **Görüntüleyici** rolü olmalı.

> **Search Console ve Analytics farklı Google hesaplarında mı?** Başlamadan önce tek bir hesaba ikisine de erişim verin. Search Console’da **Ayarlar → Kullanıcılar ve izinler** bölümünden hesabı ekleyin. Google Analytics’te **Yönetici → Mülk erişim yönetimi** bölümünden hesabı Görüntüleyici olarak ekleyin.

## Search Console’u bağlama

1. Brantial’da projenizi açın ve **Ayarlar**’a gidin. **Google bağlantıları** bölümüne inin.
2. **Search Console’u bağla**’ya tıklayın.

![Brantial ayarlarındaki Google bağlantıları kartı; Search Console'u bağla ve Google Analytics'i bağla düğmeleri](https://brantial.ai/images/help/google/tr/1-connect.webp)

3. Google hesabınızı seçin, ardından **İzin ver**’e (veya **Devam**’a) tıklayın. Google, Search Console verileri için bir onay kutusu gösterirse önce onu işaretleyin. Brantial verileri yalnızca görüntüleyebilir; hesabınızda hiçbir şeyi değiştiremez.
4. **Google bağlantıları** bölümüne geri dönersiniz. **Bir Search Console sitesi seçin** listesini açıp sitenizi seçin. Projenizin alan adına uyan siteler **Önerilen** olarak işaretlidir.

![Google'a giriş yapıldıktan sonra Google bağlantıları kartı; Search Console sitesi ve Google Analytics mülkü için birer liste](https://brantial.ai/images/help/google/tr/2-choose.webp)

Buradaki site ve mülk adları örnektir.

Sitenizin bir alan mülkü varsa (`sc-domain:` ile başlar) onu seçin. Sitenizin www’lu, www’suz, http ve https tüm sürümlerini kapsar.

## Google Analytics’i bağlama

1. Aynı kartta **Google Analytics’i bağla**’ya tıklayın.
2. Aynı Google hesabını seçip **İzin ver**’e tıklayın. Google, Analytics verileri için bir onay kutusu gösterirse önce onu işaretleyin.
3. Brantial’a döndüğünüzde **Bir Google Analytics mülkü seçin** listesini açıp sitenizin GA4 mülkünü seçin. Listede her mülk, bağlı olduğu hesabın adıyla birlikte görünür.

Google Analytics’i **AI Trafiği** ekranından da bağlayabilirsiniz. Adımlar aynıdır.

## Çalıştığını kontrol etme

İki satırda da **Bağlı** yazar ve yanlarında seçtiğiniz Search Console sitesi ile GA4 mülkü görünür.

![Search Console ve Google Analytics'in ikisinin de Bağlı göründüğü Google bağlantıları kartı](https://brantial.ai/images/help/google/tr/3-connected.webp)

- **Search Console:** **Sayfalar** ekranını açın. **Google sorguları** sekmesi ve her sayfanın yanındaki tıklama ve gösterimler birkaç dakika içinde dolar. Google arama verilerini yaklaşık iki gün gecikmeyle yayınlar, bu yüzden son günler her zaman en son gelir.
- **Google Analytics:** **AI Trafiği** ekranını açın. **AI’dan gelen ziyaretçiler** son 7, 30 veya 90 gündeki AI ziyaretlerini ve hangi sayfalara geldiklerini gösterir.

## Değiştirme veya bağlantıyı kesme

- Başka bir GA4 mülkü kullanmak için **Analytics mülkünü değiştir**’e tıklayın. Bu projede kullanmayı bırakmak için **Kaldır**’a tıklayın.
- Başka bir Search Console sitesi kullanmak için listeden başka bir site seçin.
- Kartın altındaki **Google bağlantısını kes**, Search Console ve Google Analytics’i tüm projelerinizden kaldırır. Farklı bir Google hesabı bağlamadan önce bunu kullanın.
- Brantial’ın erişimini istediğiniz zaman [Google’ın üçüncü taraf bağlantıları sayfasından](https://myaccount.google.com/connections) da kaldırabilirsiniz.

## Sorun giderme

Bir bağlantı tamamlanmazsa Brantial bunu **Google bağlantıları** kartında söyler. Gördüğünüz mesajı aşağıda bulun.

### “Kullanılabilir Search Console sitesi yok”

Bağladığınız Google hesabı hiçbir Search Console mülkünü göremiyor. Bu hesabı Search Console’da mülkünüze ekleyin (**Ayarlar → Kullanıcılar ve izinler**) ya da **Google bağlantısını kes**’e tıklayıp zaten erişimi olan hesabı bağlayın. Liste bunun yerine hesapta Search Console izni olmadığını söylüyorsa yeniden bağlanıp erişimi onaylayın.

### “Bu projenin alan adına ait Search Console mülkünü seçin”

Projenin alan adına uymayan bir site seçtiniz. **Önerilen** olarak işaretli sitelerden birini seçin. Hiçbiri işaretli değilse proje ayarlarındaki alan adını kontrol edin ya da önce sitenizi Search Console’a ekleyin.

### “Bu Google hesabında erişilebilir bir GA4 mülkü bulunamadı”

Hesabın okuyabildiği bir GA4 mülkü yok. Google Analytics’te hesabı mülke **Görüntüleyici** olarak ekleyin (**Yönetici → Mülk erişim yönetimi**), ardından **Google Analytics’i yeniden bağla**’ya tıklayın.

### “Google, kalıcı erişim döndürmedi”

Google, Brantial’a tek seferlik giriş verdi ama kalıcı erişim vermedi. Genellikle Google ekranındaki bir onay kutusu işaretlenmeden geçildiği için olur. Yeniden bağlanıp erişimi onaylayın. Yine olursa Brantial’ı [Google’ın üçüncü taraf bağlantıları sayfasından](https://myaccount.google.com/connections) kaldırın ve bir kez daha bağlanın.

### “Bu Google hesabı zaten başka bir kullanıcıyla bağlantılı”

Bu Google hesabını başka bir Brantial girişi kullanıyor; çoğu zaman Google ile giriş yapan bir ekip arkadaşınızdır. Farklı bir Google hesabı bağlayın ya da proje sahibinden kendi hesabını bağlamasını isteyin.

### “Farklı bir Google hesabı bağlamadan önce mevcut Search Console hesabının bağlantısını kesin”

Girişiniz zaten başka bir Google hesabına bağlı. **Google bağlantısını kes**’e tıklayın, ardından yeni hesabı bağlayın. Her projede siteyi ve mülkü yeniden seçmeniz gerekir.

### Google erişimin engellendiğini söylüyor

Bazı şirket Google Workspace hesapları yalnızca yöneticinin onayladığı uygulamalara izin verir. Workspace yöneticinizden Brantial’a izin vermesini isteyin ya da aynı mülklere erişimi olan başka bir hesapla bağlanın.

### “Google bağlantınızın süresi doldu”

Google, Brantial’ın erişimini artık kabul etmediğinde bu mesaj Search Console listesinde görünür. **Google bağlantısını kes**’e tıklayın, ardından Search Console ve Google Analytics’i yeniden bağlayıp sitenizi ve mülkünüzü seçin.

### “Google Analytics bağlantınızın süresi doldu”

Google, Brantial’ın Analytics verilerinizi okumasına artık izin vermiyor; örneğin şifre değişikliğinden ya da erişim kaldırıldıktan sonra. Projenizin üstündeki bir çubuk bunu söyler ve proje sahibine bir kez e-posta gider. **Google Analytics’i yeniden bağla**’ya tıklayın. Seçtiğiniz mülk yerinde kalır.

### AI Trafiği’nde az ziyaret görünüyor ya da hiç görünmüyor

Brantial yalnızca Google Analytics’in bir AI uygulamasına bağlayabildiği ziyaretleri sayar. Google’ın AI Overviews ve AI Mode’u ziyaretçileri normal Google araması olarak gönderir, bu yüzden bunlar dahil değildir. Yeni bir GA4 mülkünün de sayıların anlam kazanması için birkaç günlük veriye ihtiyacı vardır.

## Brantial neyi görebilir

- **Search Console:** Seçtiğiniz sitenin aramaları, tıklamaları, gösterimleri ve sıralamaları.
- **Google Analytics:** Seçtiğiniz mülkün ziyaret sayıları, giriş sayfaları, temel etkinlikleri ve geliri.
- Brantial, seçim yapabilmeniz için hesabınızın gördüğü site ve mülklerin adlarını listeler. Veriyi yalnızca seçtiklerinizden okur.
- Erişim yalnızca okumadır. Brantial Google hesabınızda hiçbir şeyi değiştirmez ve Google şifrenizi hiçbir zaman görmez.

{"@context":"https://schema.org","@type":"FAQPage","inLanguage":"tr","mainEntity":[{"@type":"Question","name":"“Kullanılabilir Search Console sitesi yok”","acceptedAnswer":{"@type":"Answer","text":"Bağladığınız Google hesabı hiçbir Search Console mülkünü göremiyor. Bu hesabı Search Console’da mülkünüze ekleyin ( Ayarlar → Kullanıcılar ve izinler ) ya da Google bağlantısını kes ’e tıklayıp zaten erişimi olan hesabı bağlayın. Liste bunun yerine hesapta Search Console izni olmadığını söylüyorsa yeniden bağlanıp erişimi onaylayın."}},{"@type":"Question","name":"“Bu projenin alan adına ait Search Console mülkünü seçin”","acceptedAnswer":{"@type":"Answer","text":"Projenin alan adına uymayan bir site seçtiniz. Önerilen olarak işaretli sitelerden birini seçin. Hiçbiri işaretli değilse proje ayarlarındaki alan adını kontrol edin ya da önce sitenizi Search Console’a ekleyin."}},{"@type":"Question","name":"“Bu Google hesabında erişilebilir bir GA4 mülkü bulunamadı”","acceptedAnswer":{"@type":"Answer","text":"Hesabın okuyabildiği bir GA4 mülkü yok. Google Analytics’te hesabı mülke Görüntüleyici olarak ekleyin ( Yönetici → Mülk erişim yönetimi ), ardından Google Analytics’i yeniden bağla ’ya tıklayın."}},{"@type":"Question","name":"“Google, kalıcı erişim döndürmedi”","acceptedAnswer":{"@type":"Answer","text":"Google, Brantial’a tek seferlik giriş verdi ama kalıcı erişim vermedi. Genellikle Google ekranındaki bir onay kutusu işaretlenmeden geçildiği için olur. Yeniden bağlanıp erişimi onaylayın. Yine olursa Brantial’ı Google’ın üçüncü taraf bağlantıları sayfasından kaldırın ve bir kez daha bağlanın."}},{"@type":"Question","name":"“Bu Google hesabı zaten başka bir kullanıcıyla bağlantılı”","acceptedAnswer":{"@type":"Answer","text":"Bu Google hesabını başka bir Brantial girişi kullanıyor; çoğu zaman Google ile giriş yapan bir ekip arkadaşınızdır. Farklı bir Google hesabı bağlayın ya da proje sahibinden kendi hesabını bağlamasını isteyin."}},{"@type":"Question","name":"“Farklı bir Google hesabı bağlamadan önce mevcut Search Console hesabının bağlantısını kesin”","acceptedAnswer":{"@type":"Answer","text":"Girişiniz zaten başka bir Google hesabına bağlı. Google bağlantısını kes ’e tıklayın, ardından yeni hesabı bağlayın. Her projede siteyi ve mülkü yeniden seçmeniz gerekir."}},{"@type":"Question","name":"Google erişimin engellendiğini söylüyor","acceptedAnswer":{"@type":"Answer","text":"Bazı şirket Google Workspace hesapları yalnızca yöneticinin onayladığı uygulamalara izin verir. Workspace yöneticinizden Brantial’a izin vermesini isteyin ya da aynı mülklere erişimi olan başka bir hesapla bağlanın."}},{"@type":"Question","name":"“Google bağlantınızın süresi doldu”","acceptedAnswer":{"@type":"Answer","text":"Google, Brantial’ın erişimini artık kabul etmediğinde bu mesaj Search Console listesinde görünür. Google bağlantısını kes ’e tıklayın, ardından Search Console ve Google Analytics’i yeniden bağlayıp sitenizi ve mülkünüzü seçin."}},{"@type":"Question","name":"“Google Analytics bağlantınızın süresi doldu”","acceptedAnswer":{"@type":"Answer","text":"Google, Brantial’ın Analytics verilerinizi okumasına artık izin vermiyor; örneğin şifre değişikliğinden ya da erişim kaldırıldıktan sonra. Projenizin üstündeki bir çubuk bunu söyler ve proje sahibine bir kez e-posta gider. Google Analytics’i yeniden bağla ’ya tıklayın. Seçtiğiniz mülk yerinde kalır."}},{"@type":"Question","name":"AI Trafiği’nde az ziyaret görünüyor ya da hiç görünmüyor","acceptedAnswer":{"@type":"Answer","text":"Brantial yalnızca Google Analytics’in bir AI uygulamasına bağlayabildiği ziyaretleri sayar. Google’ın AI Overviews ve AI Mode’u ziyaretçileri normal Google araması olarak gönderir, bu yüzden bunlar dahil değildir. Yeni bir GA4 mülkünün de sayıların anlam kazanması için birkaç günlük veriye ihtiyacı vardır."}}]}

800 bin+ ANALİZ EDİLEN AI CEVABI

8 CEVAP MOTORU

HAFTALIK ENDEKS

TARANAN MOTORLAR:

ChatGPT Gemini Claude Perplexity Grok Mistral Meta AI DeepSeek

ÜRÜN:

[Platforma Genel Bakış](https://brantial.ai/tr/platform/) [Prompt Hacimleri](https://brantial.ai/tr/features/prompt-volumes/) [AI Otorite Endeksi](https://brantial.ai/tr/ai-authority-index/) [AI Sektör Endeksi](https://brantial.ai/tr/ai-sektor-endeksi/) [1 Analiz Hakkı](https://brantial.ai/tr/brandscore/) [Agent Analytics](https://brantial.ai/tr/features/agent-analytics/) [Entegrasyonlar](https://brantial.ai/tr/integrations/) [Fiyatlandırma](https://brantial.ai/tr/pricing/)

ŞİRKET:

[Hakkımızda](https://brantial.ai/tr/about/) [Güven Merkezi](https://brantial.ai/tr/trust/) [Kariyer](https://brantial.ai/tr/careers/) [Partner Programı](https://brantial.ai/tr/agency-partner/) [Brantial University](https://university.brantial.ai/tr) [Visionary Share](https://brantial.ai/community/visionary-share/) [Beyond Click](https://brantial.ai/tr/beyond-click/) [Vaka Çalışmaları](https://brantial.ai/tr/case-studies/) [İletişim](https://brantial.ai/tr/contact/)

KAYNAKLAR:

[Kaynak Merkezi](https://brantial.ai/tr/resources/) [Yardım Merkezi](https://brantial.ai/tr/help/) [Araştırma Raporları](https://brantial.ai/tr/reports/) [Sektörler](https://brantial.ai/tr/industries/) [Vaka Çalışmaları](https://brantial.ai/tr/case-studies/) [Türkiye AI Otorite Endeksi](https://brantial.ai/tr/ai-authority-index/) [AI Sektör Endeksi](https://brantial.ai/tr/ai-sektor-endeksi/) [Otomotiv AI Raporu](https://brantial.ai/tr/reports/otomotiv-sektorunde-ai-gorunurlugu-brantial-2026-raporu/) [GEO Sözlüğü](https://brantial.ai/tr/glossary/) [GEO Rehberi](https://brantial.ai/generative-engine-optimization-guide/) [Blog](https://brantial.ai/tr/blog/) [Karşılaştırma Merkezi](https://brantial.ai/tr/compare/)

![Brantial](https://brantial.ai/layout/logo-wordmark.svg)

Brantial, AI görünürlüğünü anlamak ve içerik çalışmalarını geliştirmek için araçlar sunar. Agentic commerce yönümüz, ürün bilgisi ve alışveriş görevlerinin doğruluğuna odaklanır. Webtures LTD tarafından işletilir.

WEBTURES LTD. · Şirket No. 11948574 494a Fulham Road, London, England, SW6 5NH [hello@brantial.ai](mailto:hello@brantial.ai)

SERTİFİKALAR:

KVKK GDPR SOC 2 · SÜREÇTE

[![Brantial Certified GEO Partner](https://brantial.ai/assets/geo-partner-badge.avif) Sertifikalı GEO Partner programı: rozet, dizin ve toptan marj](https://brantial.ai/tr/agency-partner/)

Haftalık Görünürlük Endeksi

Her hafta GEO trendleri ve içgörüler, e-postanda.

[Abone ol](https://www.linkedin.com/newsletters/g%C3%B6r%C3%BCn%C3%BCrl%C3%BCk-raporu-7449413673988583424/)

© 2026 Brantial · Webtures LTD

[TR](https://brantial.ai/tr/help/google-search-console-analytics/) [EN](https://brantial.ai/help/google-search-console-analytics/)

[Gizlilik](https://brantial.ai/privacy-policy/) [Şartlar](https://brantial.ai/terms-of-service/) [Çerezler](https://brantial.ai/cookie-policy/)

ÜCRETSİZ MARKA ANALİZİ

## Analiz hakkınızı kullanın

Brantial University

## Merhaba, hadi başlayalım!

Hızlı çözüm, tek mesaj uzağınızda.

**Sorunuzu ekibe yazın** Genellikle birkaç dakika içinde yanıtlarız

**Brantial University** GENELLİKLE BİRKAÇ DAKİKA İÇİNDE YANITLAR

div { min-width: 0; flex: 1; } .br-chat__header strong { display: block; font-size: 14px; font-weight: 600; line-height: normal; } .br-chat__header small { display: block; margin-top: 3px; color: var(--br-chat-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 400; letter-spacing: 0.06em; line-height: 1.55; } .br-chat__log { display: flex; min-height: 0; flex: 1; flex-direction: column; gap: 8px; overflow-y: auto; padding: 14px; } .br-chat__messages { display: flex; flex-direction: column; gap: 8px; } .br-chat__bubble { max-width: 85%; margin: 0; padding: 8px 12px; overflow-wrap: anywhere; border-radius: 12px; color: var(--br-chat-copy); font-size: 13.5px; line-height: 1.55; white-space: pre-wrap; } .br-chat__bubble--visitor { align-self: flex-end; border: 1px solid var(--br-chat-outer-line); border-radius: 12px 12px 4px; background: var(--br-chat-visitor-bg); color: var(--br-chat-visitor-text); } .br-chat__bubble--team { align-self: flex-start; border-radius: 12px 12px 12px 4px; background: var(--br-chat-team-bg); } .br-chat__email-area { width: 100%; } .br-chat__email-form { display: grid; width: 100%; max-width: 292px; gap: 8px; padding: 8px 12px; border-radius: 12px 12px 12px 4px; background: var(--br-chat-team-bg); } .br-chat__email-form label { color: var(--br-chat-copy); font-size: 13.5px; font-weight: 400; line-height: 1.55; } .br-chat__email-form > div { display: flex; gap: 8px; } .br-chat__email-form input { min-width: 0; height: 38px; flex: 1; padding: 9px 10px; border: 1px solid var(--br-chat-line); border-radius: 8px; background: var(--br-chat-input); color: var(--br-chat-copy); font-size: 13.5px; } .br-chat__email-form input[aria-invalid='true'] { border-color: #d14343; } .br-chat__email-form button { display: flex; width: 38px; height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 8px; background: var(--br-chat-visitor-bg); color: var(--br-chat-visitor-text); font-size: 16px; cursor: pointer; } .br-chat__email-form button:disabled { cursor: wait; opacity: 0.62; } .br-chat__error { margin: 0; color: #d14343; font-size: 11.5px; line-height: 1.4; } .br-chat__composer { display: flex; min-height: 59px; align-items: center; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--br-chat-line); background: var(--br-chat-surface); } .br-chat__composer input { min-width: 0; height: 38px; flex: 1; padding: 9px 12px; border: 1px solid var(--br-chat-line); border-radius: 10px; background: var(--br-chat-input); color: var(--br-chat-copy); font-size: 13.5px; } .br-chat__composer button { display: flex; width: 40px; height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--br-chat-muted); cursor: pointer; } .br-chat__composer button:hover:not(:disabled) { color: var(--br-chat-text); } .br-chat__composer button:disabled, .br-chat__composer input:disabled { cursor: default; } .br-chat__composer button span { font-size: 17px; line-height: 1; } .br-chat__composer input::placeholder, .br-chat__email-form input::placeholder { color: var(--br-chat-faint); opacity: 1; } .br-chat__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 480px) { .br-chat__panel { right: 12px; bottom: 12px; width: calc(100vw - 24px); height: min(480px, calc(100dvh - 70px)); } .br-chat__icon-button { width: 44px; height: 44px; } .br-chat__composer input, .br-chat__email-form input { height: 44px; font-size: 16px; } .br-chat__composer button, .br-chat__email-form button { width: 44px; height: 44px; } .br-chat__start-card button { display: inline-flex; min-height: 44px; align-items: center; } } @media (prefers-reduced-motion: reduce) { .br-chat__launcher { transition: none; } }
