Misafir sohbeti, kendi sitenizde.

1. 1

   Aracınızı oluşturun

   Prohost'ta AI Sohbet Aracı uygulamasını açın ve ziyaretçilerinizin göreceği adı, karşılama mesajını ve başlatıcı stilini ayarlayın.

2. 2

   Kodunuzu kopyalayın

   Başka bir web sitesine ekle bölümünden kodu kopyalayın. Araç kimliğiniz, gömme anahtarınız ve başlatıcı ayarlarınız içinde hazırdır.

3. 3

   Kapanış body etiketinin önüne yapıştırın

   Site geneli alt bilginize veya özel kod alanına ekleyip yayınlayın. Başlatıcı, sonraki sayfa yüklemesinde köşede görünür.

<script
  src="https://app.prohost.ai/webchat.js"
  data-widget="WIDGET_ID"
  data-api-key="WIDGET_API_KEY"
  data-position="bottom-right"
  data-launcher-color="#4F46E5"
  data-launcher-icon="chat"
  data-sound="on"
  async></script>

WIDGET_ID ve WIDGET_API_KEY değerlerini araç ayarlarınızdaki değerlerle değiştirin ya da bunları sizin için dolduran hazır kodu uygulamadan kopyalayın. Gömme anahtarı herkese açıktır ve yalnızca o araçla sınırlıdır: hesabınıza erişim sağlamaz. Prohost, anahtarı ilk gösterimden sonra gizler; yeni bir kopyalanabilir kod gerekirse Anahtarı yenile seçeneğini kullanın.

<script
  src="https://app.prohost.ai/webchat.js"
  data-widget="WIDGET_ID"
  data-api-key="WIDGET_API_KEY"
  async></script>

Çoğu site oluşturucuda çalışır; Webflow, WordPress, Squarespace ve Wix'in tümünde site alt bilgisine özel kod eklenecek bir alan vardır.

data-hide-mobile yalnızca varlığa bakar: boş dize dahil herhangi bir değer onu açar. Diğer tüm öznitelikler değerine göre eşleşir; özellikle data-sound yalnızca küçük harfli tam on değerine tepki verir.

• Ziyaretçinin önce sayfayla etkileşmesi gerekir

  Tarayıcılar, biri tıklayana, dokunana veya yazana kadar sesi engeller. Başlatıcıyı açmak da panele yazmak da sayılır; yani yanıtı doğuran mesajı gönderen ziyaretçi sesi duyar. Tarayıcı yine de engellerse hiçbir şey bozulmaz: başlatıcıdaki okunmamış rozeti ana sinyaldir, ses ise ek bir avantajdır.

• Okurlarken hiç çalmaz

  Panel açık ve sekme ön plandayken ses çalmaz; yanıt zaten ekrandadır. Panel kapalıyken veya sekme arka plandayken çalar. Okunmamış rozeti biraz daha dar bir kurala uyar: yalnızca panel kapalıyken görünür.

• Art arda gelen yanıtlar tek sestir

  Birlikte gelen birkaç mesaj, mesaj başına değil, tek bir uyarı üretir.

function wireUpWebchat() {
  window.ProhostWebchat.on('webchat_host_message', (event) => {
    console.log(event.type);
  });

  document.querySelector('#my-chat-button')?.addEventListener('click', () => {
    window.ProhostWebchat.open();
    // window.ProhostWebchat.close() collapses it again.
  });
}

if (window.ProhostWebchat) {
  wireUpWebchat();
} else {
  // src*= rather than src$= — the tag may carry a cache-busting query string.
  document
    .querySelector('script[src*="/webchat.js"]')
    ?.addEventListener('load', wireUpWebchat);
}

• webchat_session_startedSohbet artık var; ziyaretçi ilk mesajını gönderdi. Yükü conversationId değerini taşır.
• webchat_message_sentZiyaretçi bir mesaj gönderdi.
• webchat_host_messageEkibinizden veya yapay zekanızdan bir yanıt geldi. Okunmamış rozetini ve etkinse uyarı sesini bu tetikler.

data-hide-mobile ile birlikte kullanışlıdır: telefonlarda varsayılan başlatıcıyı gizleyin ve paneli kendi düğmenizden açın. Olaylar yalnızca Prohost gömmesinden geldiğinde iletilir, başka hiçbir kaynaktan değil.