Hazır Web Paneli

SpeakyChat sohbetini sitenize iki yolla ekleyebilirsiniz: tek klasörlük Hazır Web Paneli ya da kendi sayfanıza yapıştıracağınız gömme kodu. İkisinde de sohbet sitenizin içinde açılır ve üyelik sistemi hazır gelir: misafir/üye girişi, kayıt, Hesabım, üye listesi, çevrimiçi sayısı ve e-postayla şifre yenileme.

Paketi İndir — ZIP (Sürüm 3.3.0) Panel Tasarımcısı’na git ↓ Gömme kodu ↓

Panel nedir?

Hazır Web Paneli, sitenizde açılan küçük bir sohbet sayfasıdır: başlığınız, oda düğmeleriniz ve altında sohbet penceresi. Oda düğmeleri pencereyi yenilemeden odayı değiştirir; sohbet, SpeakyChat sunucusunda sizin hesabınızla çalışır.

Sizin sitenizsiteniz.com
menüdeki “Sohbet” bağlantısı
Hazır Web Panelisiteniz.com/sohbet/başlık · oda düğmeleri · giriş
güvenli HTTPS bağlantı
SpeakyChat sunucusuvoice.speakychat.camodalar · ses · kamera · üyeler · yönetim
  • Veritabanı kurulmaz. Üyeler, odalar ve yönetim SpeakyChat sunucusunda durur; panel yalnızca kapıdır.
  • PHP / MySQL gerekmez. Paket HTML, CSS ve JavaScript dosyalarından oluşur; her standart hostingde çalışır.
  • Gizli bilgi taşımaz. Pakette şifre veya API anahtarı yoktur; müşteri kodunuz herkese açık bir numaradır.
  • Hazır şablonla gelir. Paket kurulur kurulmaz örnek odalarla ve SpeakyChat oda simülasyonuyla açılır. Kendi config.js dosyanızı koyduğunuzda gerçek odalarınız açılır.
  • Üyelik sistemi dahil. Ziyaretçileriniz kayıt olur, ikonunu seçer; “Hesabım”da profilini, e-postasını ve şifresini değiştirir. “Üyeler” listesinde kimin çevrimiçi olduğu görünür. Şifresini unutan üyeye e-postayla yenileme bağlantısı gider. Üyelik sayfaları açılır pencerede açılır, sohbet bağlantısı kopmaz.
  • Temalar ve renkler. Klasik, Gece, Okyanus, Orman, Gül ve Sade temalarından birini seçin ya da kendi sayfa, başlık ve düğme renklerinizi verin. Misafir/üye girişi, kayıt, Hesabım ve Üyeler ekranları da panelin temasıyla açılır.
  • Korumalı kod. Paketteki program dosyaları lisanslı ve karıştırılmış olarak gelir. Sohbet yalnız hesabınıza kayıtlı alan adında açılır; panel başka bir sitede çalışmaz.

Başlamadan önce

✓HTTPS sitenizAdres https:// ile açılmalı.
✓Müşteri kodunuzKB ile başlayan 9 haneli numara; siparişte verilir.
✓Dosya yükleme erişimicPanel Dosya Yöneticisi, FTP veya WordPress.

Adım adım kurulum

  1. Paketi indirin

    ZIP dosyasını bilgisayarınıza indirip açın; içinden speakychat-panel klasörü çıkar.

    ZIP’i indir

  2. Panelinizi tasarlayın

    Aşağıdaki Panel Tasarımcısı’nda müşteri kodunuzu, başlığınızı ve oda düğmelerinizi girin. Önizlemeye bakıp config.js dosyasını indirin.

    Tasarımcıyı aç

  3. config.js dosyasını değiştirin

    İndirdiğiniz config.js dosyasını speakychat-panel klasöründeki aynı adlı dosyanın üzerine kopyalayın. Diğer dosyalara dokunmayın.

  4. Sitenize yükleyin

    Klasörün içindeki tüm dosyaları sitenizde “sohbet” adlı bir klasöre yükleyin.

    • cPanel: Dosya Yöneticisi › public_html › Yeni Klasör: sohbet › Yükle.
    • FTP: Dosyaları public_html/sohbet klasörüne sürükleyin.
    • WordPress: Aynı klasörü sitenizin ana dizinine yükleyin ya da aşağıdaki gömme kodunu Özel HTML bloğuna koyun.

  5. Menünüze ekleyin ve deneyin

    Site menünüze https://siteniz.com/sohbet/ adresine giden bir “Sohbet” bağlantısı ekleyin. Adresi açtığınızda panel ve sohbet penceresi görünür; ziyaretçi misafir ya da üye olarak girer, oda düğmeleriyle odalar arasında geçer.

  6. Sonradan değiştirmek: Panel Ayarları

    Panel yayına girdikten sonra görünümü değiştirmek için dosya yüklemenize gerek yok. Sohbete yönetici (admin) hesabınızla girin; menüde Panel Ayarları çıkar. Site adı, karşılama yazısı, logo, tema, renkler ve oda düğmeleri buradan değişir; kaydettiğiniz anda bütün ziyaretçilerde geçerli olur. Ayarlar SpeakyChat sunucusunda saklanır, config.js dosyanız olduğu gibi kalır.

Panel Tasarımcısı

Ayarları değiştirdikçe önizleme anında güncellenir. Oda düğmelerini sürükleyerek ya da oklarla sıralayın; her düğmeye ayrı renk ve şekil verin.

1 · Site bilgileri
Tema; giriş, kayıt, Hesabım ve Üyeler ekranlarına da uygulanır.
2 · Oda düğmeleri

İlk sütuna odanın numarasını (100, 101, 102…) ya da sohbetteki adını yazın. Numara, yönetim panelindeki Odalar listesinin “Oda ID” sütunudur. Düğme yazısı sitede görünen addır.

    3 · Yerleşim
    ÖnizlemeOda düğmeleri simülasyonda odayı değiştirir.

    Gömme kodu: sohbet kendi sayfanızda

    Paneli kullanmak istemiyorsanız sohbeti mevcut bir sayfanıza yerleştirin; sayfanın tasarımı tamamen sizindir. Oda düğmelerini kendiniz yaparsınız: her düğmeye oda numarasını (100, 101, 102…) yazmanız yeter. Düğmeye tıklanınca sohbet penceresi yenilenmeden o odaya geçer.

    Yukarıdaki tasarımcıya müşteri kodunuzu ve odalarınızı yazın; kod kendiliğinden hazırlanır:

    • Düğmeler: Oda değiştirecek her bağlantıya veya düğmeye data-speakychat-oda="101" özelliğini ekleyin; değer oda numarası ya da oda adıdır. JavaScript ile SpeakyChat.oda('101') komutu da çalışır.
    • Açık oda: O an açık odanın düğmesi speakychat-aktif sınıfını alır; kendi CSS’inizle vurgulayın.
    • Tema: Kutuya data-tema="gece" gibi bir tema yazın (klasik, gece, okyanus, orman, gul, sade). Giriş ve üyelik ekranları bu temayla çizilir.
    • İlk oda ve yükseklik: Kutuya data-oda="100" ve data-yukseklik="520" ekleyebilirsiniz. Pencere genişliği kutunun genişliğidir; en az 600 px önerilir.
    • Üyelik: data-speakychat-sayfa özelliği olan bağlantılar üyelik sayfasını açılır pencerede açar: uyeler, hesabim, kayit veya sifre. data-speakychat-cevrimici özelliği olan bir alan “12 üye, 3 misafir çevrimiçi” yazısını kendiliğinden gösterir.
    • WordPress: Kodun tamamını bir Özel HTML bloğuna yapıştırın.

    Alan adı ve güvenlik

    Sayfa içinde sohbet için sitenizin alan adı, hesabınıza kayıtlı alan adıyla (sipariş sırasında bildirdiğiniz adres) eşleşmelidir. HTTPS zorunludur. Kayıtlı alan adı ve www karşılığı izinlidir; başka bir alan adı eklemek için bize yazın. Bu form alan adı yetkisi vermez.

    Sık sorulanlar

    Telefonda nasıl görünür?

    Panel telefona göre kendini düzenler; sohbet penceresi ekran genişliğine küçülür. Daha rahat kullanım için sohbet çubuğundaki “Tam ekran aç” bağlantısı sohbeti ayrı sayfada açar.

    Üyeler nerede kayıtlı?

    Üyeler SpeakyChat sunucusunda, sizin hesabınıza ait ayrı bir veritabanında durur; sitenize veritabanı kurmanız gerekmez. Üye listesinde yalnız kullanıcı adı, ikon, cinsiyet, şehir ve “Hakkımda” yazısı görünür; e-posta adresleri kimseye gösterilmez. Üyeleri yönetim panelinden düzenleyebilir, uzaklaştırabilirsiniz.

    Oda numaramı nereden öğrenirim?

    Yönetim panelindeki Odalar listesinin “Oda ID” sütununda yazar (100, 101, 102…). Numara, oda adını değiştirseniz de aynı kalır; bu yüzden düğmelerde numara kullanmanızı öneririz.

    Kamera veya mikrofon sayfa içinde çalışmıyor.

    Bazı tarayıcılar gömülü sayfalarda kamerayı veya depolamayı kısıtlar. Paneldeki “Tam ekran aç” bağlantısını kullanın. Aynı kullanıcı için tek aktif bağlantı kuralı panelde de geçerlidir.

    Paneli sonradan değiştirebilir miyim?

    Evet. Tasarımcıda ayarları değiştirip yeni config.js dosyasını indirin ve sitenizdeki dosyanın üzerine yükleyin. Yeni paket sürümü çıktığında config.js dışındaki dosyaları değiştirmeniz yeterlidir.

    Kurulumda takıldınız mı? Kurulum desteği için bize yazın.