API | RayChat

client_api

Geliştiriciler için Raychat dokümantasyonu

Raychat API'lerini kullanarak sisteminizi veya web sitenizi Raychat ile daha entegre hale getirebilirsiniz. Örneğin, web sitesi kullanıcılarınızın bilgilerini Raychat görüşme panelinde görüntüleyebilirsiniz. Aşağıda şimdiye kadar yayınlanan API'leri görebilirsiniz. Raychat sürekli güncellenmektedir, bu yüzden yeni API'ler için takipte kalın :).

Web sitesi oluştur

Bu API'yi kullanarak RayChat'e kayıt olabilirsiniz. Bu bölüm daha çok, sistemlerine kaydolan ve kodu siteye yerleştiren her kullanıcı için otomatik olarak bir RayChat hesabı oluşturmayı amaçlayan site kurucu ve mağaza altyapısı sistemleri tarafından kullanılır.

* Bu bölümü kullanmak için, öncelikle bu bağlantı üzerinden bir uygulama (app) oluşturun ve API anahtarınızı alın.

ROUTE	METHOD
https://api.raychat.io/v1/api/site	POST

Gönderilen değerler

FIELD	TYPE	DESCRIPTION
apiKey	string	Uygulamayı oluştururken aldığınız anahtar
site	string	Raychat'e kaydetmek istediğiniz sitenin adresi
siteTitle	string	Raychat'e kaydetmek istediğiniz sitenin başlığı
email	string	Web sitesi yöneticisinin e-postası
password	string	Şifre
name	string	Web sitesi yöneticisinin adı
phone	string	Web sitesi yöneticisinin telefon numarası

Dönen değerler

FIELD	TYPE	DESCRIPTION
message	string	Sunucudan dönen mesaj
status	int	Durum (Status)
code	string	Web sitesine yerleştirilecek Raychat kodu
user	object	Oluşturulan kullanıcı bilgileri
token	string	Web sitesi token'ı
url	string	Raychat yönetim paneli adresi
webAppUrl	string	Raychat altındaki web uygulamasının adresi

* Yanıt JSON olarak döner.

* Bir hata oluşursa, nedeni yanıtta açıklanacaktır.

* Durumun (Status) 1'e eşit olması kaydın başarılı olduğu anlamına gelir.

Kopyala!

// NodeJs Example
    request.post({
    url:'https://webapp.raychat.io/api/site',
    form: {
      apiKey:'Your Api Key',
      site:'https://example.com',
      siteTitle:' Example Title',
      email:'tech@raychat.io',
      password: 'Password',
      name:'Ehsan Younesi',
     phone:'09000000000'
    }
   }, function(err,httpResponse,body){
     /* ... */
   });

Kullanıcı tarafı geliştiriciler için Raychat dokümantasyonu

Kullanıcı tarafı API, kullanıcıya gösterilen widget'ı (araç) yönetmenizi sağlar. Bunu, sohbet sayfasını yönetmek ve ayrıca kullanıcı bilgilerini Raychat uygulamasına göndermek için kullanabilirsiniz. (Örneğin, sitenize giriş yapmış bir kullanıcının bilgilerini Raychat'e gönderebilir, böylece uygulamada görüntülenmesini sağlayabilir ve daha sonra arşivden erişebilirsiniz).

Not: Aşağıda açıklanacak olan tüm fonksiyonlar ve olaylar (events), sağdaki talimatlara göre (raychat_ready olayı içinde) yazılmalıdır.

Kopyala!

    window.addEventListener('raychat_ready', function (ets) {
      // function or event 
    });

Raychat.setStyle()

Bu fonksiyonu kullanarak RayChat sohbet widget simgesinin görünümünde değişiklikler yapabilirsiniz.

FIELD	TYPE	DESCRIPTION
backgroundColor	string	Widget simgesinin arka plan rengi
borderRadius	string	Widget simgesinin kenar modu
width	string	Widget simgesinin genişliği
height	string	Widget simgesinin yüksekliği
boxShadow	string	Widget Simgesine Gölge Efekti Ekleme

Kopyala!

    window.Raychat.setStyle({
      backgroundColor : '#000',
      borderRadius : '50%',
      width : '70px',
      height : '70px',
      boxShadow : '0px 1px 5px 0px rgba(0,0,0,0.75)'
    });

Raychat.setPosition()

Bu fonksiyonu kullanarak sohbet widget simgesinin konumunu değiştirebilirsiniz. Widget'ın konumunu doğru bir şekilde değiştirmek için, en fazla iki konumun değer alacağı ve diğer alanların 'auto' değerlerine sahip olacağı şekilde belirtilen 4 konumu da gönderdiğinizden emin olun.

FIELD	TYPE	DESCRIPTION
top	string	Üstten mesafe
right	string	Sağdan mesafe
bottom	string	Alttan mesafe
left	string	Soldan mesafe

Kopyala!

    window.Raychat.setPosition({
      top: 'auto',
      right : 'auto',
      bottom : '15px',
      left : '15px'
    });

Raychat.setUser()

Bu fonksiyonu kullanarak web sitenize giriş yapmış kullanıcının bilgilerini Raychat'e gönderebilirsiniz.

FIELD	TYPE	DESCRIPTION
email	string	Giriş yapan kullanıcının e-posta adresi
name	string	Giriş yapan kullanıcının adı
about	string	Giriş yapan kullanıcı hakkında
phone	string	Giriş yapan kullanıcının telefonu
avatar	string	Giriş yapan kullanıcının fotoğrafı
updateOnce	boolean	Bu fonksiyon her çağrıldığında kullanıcı bilgilerinin güncellenip güncellenmeyeceği

Kopyala!

    window.Raychat.setUser({
      email: 'tech@raychat.io',
      name: 'Ehsan Younesi',
      about: 'about me :)',
      phone: '09123456789',
      avatar: 'https://webapp.raychat.io/ehsan.png',
      updateOnce: true
    });

Raychat.getUser()

Bu fonksiyonu kullanarak o an web sitesinde bulunan ziyaretçinin bilgilerini alabilirsiniz.

Dönen değerler

KEY	VALUE TYPE	DESCRIPTION
id	string	Kullanıcı kimliği (ID)
name	string	Kullanıcı adı
email	string	E-posta
avatar	string	Kullanıcının fotoğrafı
online	string	Kullanıcının durumu
createdAt	date	Kullanıcının oluşturulma tarihi
metadata	object	Daha fazla veri
browser	object	Kullanıcının tarayıcı bilgileri
phone	string	Kullanıcının telefon numarası
about	string	Kullanıcı bilgileri

Kopyala!

    var user = window.Raychat.getUser();
    //example user object 
    { id: '5992bc6d9e737c900e3058d3',
      name: 'Ehsan Younesi',
      email: 'tech@raychat.io',
      avatar: 'https://webapp.raychat.io/ehsan.png',
      online: true,
      createdAt: 2017-08-15T09:18:37.904Z,
      metadata: {
       userId: "2", // String
       createdAt: "2018-09-29", // Date
       totalPaid: 200000, // Number
       isActive: true // Boolean
      },
     browser : {
       "name" : "Chrome",
       "ver" : "60.0.3112.90",
       "os" : "Windows",
       "mobile" : false
      },
     phone: '0912345678',
     about: 'hello :)'
    }

Raychat.loadUser()

Bu fonksiyon ile sisteminizdeki kullanıcı paneline giriş yapan kullanıcıları yükleyebilir ve konuşmalarını kalıcı ve stabil hale getirebilirsiniz; Kullanıcı başarıyla yüklendiğinde raychat_new_user_loaded olayı çalıştırılır.

Not: Kullanıcının kimliğini almak için getUser fonksiyonunu kullanabilirsiniz.

Not: Yeni bir kullanıcı yükleyerek, kullanıcının kimliğini (ID) veritabanına kaydetmezseniz mevcut kullanıcının bilgilerinin (konuşmalar ve diğer öğeler) kalıcı olarak erişilemez olacağını unutmayın.

FIELD	TYPE	DESCRIPTION
userId	string	Kullanıcı kimliği (ID)

Kopyala!

    window.Raychat.loadUser(userId);

Raychat.unloadUser()

Tüm kullanıcı bilgilerinin tarayıcıdan silinmesini sağlar ve kullanıcı siteyi tekrar ziyaret ederse yeni bir kullanıcı olarak tanınır.

Not: Değişiklikleri uygulamak için, bu fonksiyon çağrıldıktan sonra kullanıcının tarayıcısı yeniden yüklenmelidir.

Not: Bu fonksiyonu çağırmadan önce kullanıcı kimliğini (ID) veritabanına kaydetmezseniz, bu kullanıcıyı yeniden yüklemek imkansız olacaktır.

Kopyala!

    window.Raychat.unloadUser();

Raychat.sendOfflineMessage()

Kullanıcıya RayChat widget'ı üzerinden mesaj gönderme.

Not: Bu mesaj yalnızca kullanıcı tarafında görüntülenir, operatör bu mesajı göremez, bir konuşma (sohbet) olarak değerlendirilmez ve ekran yenilendiğinde silinir.

Kopyala!

    window.Raychat.sendOfflineMessage('سلام وقت بخیر');

Raychat.openWidget()

Bu fonksiyonu kullanarak sohbet widget'ını açabilirsiniz.

Kopyala!

    window.Raychat.openWidget();

Raychat.closeWidget()

Bu fonksiyonu kullanarak sohbet widget'ını kapatabilirsiniz.

Kopyala!

    window.Raychat.closeWidget();

Raychat.toggle()

Bu fonksiyon çağrıldığında sohbet widget'ı açıksa kapanır, kapalıysa açılır.

Kopyala!

    window.Raychat.toggle();

Raychat.hideWidget()

Widget simgesini görünümden gizler.

Not: Operatörlerden yeni mesajlar geldiğinde veya akıllı mesajlar tetiklendiğinde, widget otomatik olarak görünür hale gelecektir.

Widget'ı tekrar göstermek için showWidget metodunu kullanın.

Widget'ın gizlenmeden önce sayfanın ilk yüklenmesinde kısa bir süre görünmesini engellemek için, kurulum kodunuza RAYCHAT_HIDE_WIDGET_ON_INIT ekleyin.

Kopyala!

    window.Raychat.hideWidget();

Raychat.showWidget()

Daha önce gizlenmişse widget simgesini görünür hale getirir.

Not: Widget, hideWidget() kullanılarak açıkça gizlenene veya sayfa yeniden yüklenene kadar görünür kalacaktır.

Widget'ı gizlemek için hideWidget metodunu kullanın.

Kopyala!

    window.Raychat.showWidget();

Raychat.animate()

Sohbet widget simgesi animasyon modunu özelleştirin. Bu, kullanıcının dikkatini widget'a çekecek ve sonucunda kullanıcının iletişime geçme olasılığı artacaktır.

ANIMATIONS
bounce
wobble
tada
shakeX
shakeY
headShake
rubberBand
swing
jello
rotateIn
pulse
heartBeat
flip

Kopyala!

    window.Raychat.animate('tada');

Raychat.isWidgetOpen()

Bu fonksiyonu kullanarak sohbet aracının açık olup olmadığını belirleyebilirsiniz.

RESULT	ANIMATIONS
true	açık
false	kapalı

Kopyala!

    window.Raychat.isWidgetOpen();

Olaylar (Events)

Bu olayları kullanarak kullanıcı davranışlarına tepki verebilirsiniz. Örneğin, kullanıcı e-postasını haber bülteni bölümüne kaydettiğinde ona bir mesaj gösterin. Bu bölüm sürekli güncellenmekte olup, kullanıcıların ihtiyaç ve isteklerine göre yeni özellikler ve olaylar eklenecektir.

raychat_user_profile_updated olayı

Bu olay, kullanıcının bilgileri güncellendiğinde, örneğin kullanıcı e-postasını haber bülteni bölümüne kaydettiğinde çalıştırılır.

Kopyala!

    window.Raychat.on('raychat_user_profile_updated', function (user) {
    });

open (açılış) olayı

Bu olay, kullanıcı sohbet widget'ını açtığında tetiklenir.

Kopyala!

    window.Raychat.on('open', function (s) {
    });

close (kapanış) olayı

Bu olay, kullanıcı sohbet widget'ını kapattığında tetiklenir.

Kopyala!

    window.Raychat.on('close', function (s) {
    });

SendForm olayı

Bu yöntemi kullanarak istediğiniz formu API aracılığıyla görüntüleyebilirsiniz. Ayrıca, web sitesi kullanıcılarınız tarafından girilen değerleri raychat_form_submission olayını kullanarak da takip edebilirsiniz.

FIELD	TYPE	DESCRIPTION
inputs	array	Bu değer üzerinden istediğiniz form alanlarını belirtebilirsiniz. Bu alanın detayları ikinci tabloda belirtilmiştir.
message	string	Form ile birlikte görüntülenen mesaj.
title	string	Form başlığı.
notSendToServer	boolean	Kullanıcıdan alınan değerlerin Raychat veritabanına kaydedilmesini istemiyorsanız true (doğru) olarak ayarlayın.
disableChatbox	boolean	Kullanıcı değerleri girerken sohbet kutusunun (chatbox) devre dışı bırakılması için true (doğru) olarak ayarlayın.
formName	string	Form için belirtilen isim.

inputs (girdiler) alanı detayları

FIELD	TYPE	DESCRIPTION
label	string	Bir alanın etiketi veya açıklaması.
type	string	Girdi (input) alanı türü.

Kopyala!

    window.Raychat.sendForm({
          // type can be number, phone, email, name and string (custom fields)
          inputs: [
            {
                "label": "سن",
                "type": "number"
            },
            {
                "label": "تلفن",
                "type": "phone"
            },
            {
              "label": "ایمیل",
              "type": "email"
            },
            {
              "label": "فیلد دلخواه",
              "type": "string"
            }
        ],
            message: "اطلاعات را وارد کنید",
            title: "عنوان فرم",
            notSendToServer: false,
            disableChatbox: false,
            formName: "customForm"
        })

Raychat form gönderim olayı

Bu olay, form web sitesi ziyaretçiniz tarafından gönderildikten sonra çalıştırılır ve form türü ve ziyaretçi tarafından girilen bir dizi bilgi gibi bilgileri içeren bir nesne geri çağrıya (callback) iletilir.

Girilen bilgilerin formatı aşağıdaki tabloda görülebilir.

FIELD	TYPE	DESCRIPTION
id	number	Alan pozisyonu
label	string	Alan etiketi
value	string	Girilen değer
type	string	Alan türü

Ayrıca, form türleri aşağıdaki tabloda listelenmiştir. Form için API'de belirli bir isim ayarlanmışsa, o ismin döneceğini unutmayın.

TYPE	DESCRIPTION
officeHours	Mesai saatleri formu
notOfficeHours	Mesai saatleri dışı formu
api	API tarafından oluşturulan form

Kopyala!


        window.Raychat.on('raychat_form_submission', function ({detail}) {
          // officeHours, notOfficeHours, api
          const formName = detail.formName;
          const inputValues = detail.values;
        });

raychat_new_user_loaded olayı

Bir kullanıcıyı loadUser metodunu kullanarak yüklediğinizde bu olay çalıştırılır.

Kopyala!

    window.Raychat.on('raychat_new_user_loaded', function (s) {
    });

raychat_sendMessage

Bu olay, kullanıcı widget'ta mesaj gönderdiğinde tetiklenir

FIELD	TYPE	DESCRIPTION
type	string	mesaj türü
content	string	mesaj içeriği

Kopyala!

    window.Raychat.on('raychat_sendMessage', function (d) {
            // your code here:
            // const detail = d.detail
            // ..
    });

raychat_getMessage

Bu olay, widget'ta operatörden mesaj alındığında tetiklenir

FIELD	TYPE	DESCRIPTION
type	string	mesaj türü
content	string	mesaj içeriği

Kopyala!

    window.Raychat.on('raychat_getMessage', function (d) {
          // your code here:
          // const detail = d.detail
          // ..
    });

Hizmette kullanılan Tag Manager (Etiket Yöneticisi) olayları

Çeşitli olaylar (events) sağlayarak, Raychat tüm widget davranışlarını almanıza ve gerekirse iş ihtiyaçlarınıza göre diğer harici servislere göndermenize olanak tanır. Bu bölümde Google Tag Manager servisine veri alma ve gönderme örneklerini görebilirsiniz. Daha Fazla Bilgi

Not: Aşağıda açıklanacak olan tüm fonksiyonlar ve olaylar (events), sağdaki talimatlara göre (raychat_ready olayı içinde) yazılmalıdır.

Kopyala!

    window.addEventListener('raychat_ready', function (ets) {
            window.Raychat.on("close", function () { 
              window.dataLayer = window.dataLayer || []; 
              window.dataLayer.push({ 
                  'event': 'raychat_close', 
                  // other options
              }); 
          }); 
    });

Tag Manager'da widget açılış olayını izleme

Aşağıdaki kod ile web sitenizde widget'ın kaç kez açıldığını takip edebilirsiniz.

Kopyala!


        <!-- Event listener for Raychat widget's open event --> 
        <script> 
          window.Raychat.on("open", function () { 
              window.dataLayer = window.dataLayer || []; 
              window.dataLayer.push({ 
                  'event': 'raychat_open', 
                  // other options
              }); 
          }); 
        </script>

Tag Manager'da widget kapanış olayını izleme

Aşağıdaki kod ile web sitenizde widget'ın kapatılma sıklığını takip edebilirsiniz.

Kopyala!


        <!-- Event listener for Raychat widget's close event --> 
        <script> 
          window.Raychat.on("close", function () { 
              window.dataLayer = window.dataLayer || []; 
              window.dataLayer.push({ 
                  'event': 'raychat_close', 
                  // other options
              }); 
          }); 
        </script>

Kullanıcı tarafından mesaj gönderme olayını izleme

Aşağıdaki kod ile web sitenizdeki mesaj gönderimlerini takip edebilirsiniz.

Kopyala!

 
        <!-- Event listener for Raychat widget's send message event --> 
        <script> 
          window.Raychat.on("raychat_sendMessage", function (d) { 
              window.dataLayer = window.dataLayer || []; 
              window.dataLayer.push({ 
                  'event': 'raychat_sendMessage', 
                  // other options
              }); 
          }); 
        </script>

Tag Manager'da mesaj alma olayını izleme

Aşağıdaki kod ile mesajların alınmasını takip edebilirsiniz.

Kopyala!


        <!-- Event listener for Raychat widget's get message event --> 
        <script> 
          window.Raychat.on("raychat_getMessage", function (d) { 
              window.dataLayer = window.dataLayer || []; 
              window.dataLayer.push({ 
                  'event': 'raychat_getMessage', 
                  // other options
              }); 
          }); 
        </script>

Widget kurulum parametreleri

Bu bölümde widget'ın dil ve yükleme türü gibi ayarlarına göre kurulum kodunu alabilirsiniz.

Not: Aşağıdaki tüm örnek kodlarda YOUR_WIDGET_TOKEN (SİZİN_WIDGET_TOKENİNİZ) kısmını panonun kurulum bölümünden alacağınız token ile değiştirmelisiniz.

Kopyala!


        <!--BEGIN OF RAYCHAT CODE-->
        <script type="text/javascript">
            window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
            (function () {
                d = document;
                s = d.createElement("script");
                s.src = "https://widget-react.raychat.io/install/widget.js";
                s.async = 1;
                d.getElementsByTagName("head")[0].appendChild(s);
            })();
        </script>
        <!--END OF RAYCHAT CODE-->

Widget dili

Widget'ınız için istediğiniz dile göre aşağıdaki değerleri kullanabilirsiniz. Kullanın ve kurulum kodunun içine yerleştirin.

LANG	VALUE	FIELD
Farsça	fa	RAYCHAT_WIDGET_LANG
İngilizce	en	RAYCHAT_WIDGET_LANG
Arapça	ar	RAYCHAT_WIDGET_LANG
Türkçe	tr	RAYCHAT_WIDGET_LANG
Kürtçe	ku	RAYCHAT_WIDGET_LANG

Kopyala!


        <!--BEGIN OF RAYCHAT CODE-->
        <script type="text/javascript">
          window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
          window.RAYCHAT_WIDGET_LANG ="en";
            (function () {
                d = document;
                s = d.createElement("script");
                s.src = "https://widget-react.raychat.io/install/widget.js";
                s.async = 1;
                d.getElementsByTagName("head")[0].appendChild(s);
            })();
        </script>
        <!--END OF RAYCHAT CODE-->

Widget yükleme türü

Aşağıdaki parametreleri kullanarak kodunuzu daha hızlı veya SEO için daha uygun bir şekilde yükleyebilirsiniz.

Bu bölümde hiçbir parametre belirtilmezse, widget normal olarak yüklenecektir. Normal yüklemede widget, web sitenizin tüm bölümleri yüklendikten sonra yüklenecektir.

TYPE	VALUE	FIELD	DESCRIPTION
Hızlı Yükleme (Fast Load)	FAST_LOAD	LOAD_TYPE	Widget web sitenizle aynı anda yüklenir.
SEO Dostu (SEO Friendly)	SEO_FRIENDLY	LOAD_TYPE	Widget'ın Google SEO botları tarafından tespit edilip web sitenizin SEO'sunu etkilemesini önlemek için widget, kullanıcı etkileşiminden sonra yüklenecektir.

Kopyala!


        <!--BEGIN OF RAYCHAT CODE-->
        <script type="text/javascript">
          window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
          window.LOAD_TYPE = "SEO_FRIENDLY";
            (function () {
                d = document;
                s = d.createElement("script");
                s.src = "https://widget-react.raychat.io/install/widget.js";
                s.async = 1;
                d.getElementsByTagName("head")[0].appendChild(s);
            })();
        </script> 
        <!--END OF RAYCHAT CODE-->

Her zaman tam ekran göster

Bu parametreyi kullanarak widget'ı web sitenizde her zaman tam sayfa olarak gösterebilirsiniz.

FIELD	VALUE
RAYCHAT_ALWAYS_FULLSCREEN	true

Kopyala!


        <!--BEGIN OF RAYCHAT CODE-->
        <script type="text/javascript">
          window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
          window.RAYCHAT_ALWAYS_FULLSCREEN = true;
            (function () {
                d = document;
                s = d.createElement("script");
                s.src = "https://widget-react.raychat.io/install/widget.js";
                s.async = 1;
                d.getElementsByTagName("head")[0].appendChild(s);
            })();
        </script>
        <!--END OF RAYCHAT CODE-->

İlk Yüklemede Widget'ı Gizle

Widget'ın gizlenmeden önce sayfa yüklenmesinde kısa bir süreliğine görünmesini engeller.

True olarak ayarlandığında, sayfa ilk yüklendiğinde widget tamamen gizlenecektir.

Not: Widget görünürlüğünü API metodları olan hideWidget ile programatik olarak kontrol edebilirsiniz.

FIELD	VALUE	DESCRIPTION
RAYCHAT_HIDE_WIDGET_ON_INIT	true	True olduğunda, widget ilk sayfa yüklemesinde gizlenecektir

Kopyala!

<!--BEGIN OF RAYCHAT CODE-->
<script type="text/javascript">
  window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
  window.RAYCHAT_HIDE_WIDGET_ON_INIT = true;
  (function () {
    var d = document;
    var s = d.createElement("script");
    s.src = "https://widget-react.raychat.io/install/widget.js";
    s.async = 1;
    d.getElementsByTagName("head")[0].appendChild(s);
  })();
</script>
<!--END OF RAYCHAT CODE-->

Widget'ların çeşitli framework'lere kurulumu

Aşağıda Raychat'in farklı framework'lere nasıl kurulacağı açıklanmaktadır.

Not: Aşağıdaki tüm örnek kodlarda YOUR_WIDGET_TOKEN (SİZİN_WIDGET_TOKENİNİZ) kısmını panonun kurulum bölümünden alacağınız token ile değiştirmelisiniz.

Kopyala!


        <!--BEGIN OF RAYCHAT CODE-->
        <script type="text/javascript">
          window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
            (function () {
                d = document;
                s = d.createElement("script");
                s.src = "https://widget-react.raychat.io/install/widget.js";
                s.async = 1;
                d.getElementsByTagName("head")[0].appendChild(s);
            })();
        </script> 
        <!--END OF RAYCHAT CODE-->

Widget'ı React framework'üne kurma

RayChat'i React framework'üne kurmak için kurulum kodunu public klasörü içindeki index.html dosyasına yerleştirebilirsiniz.

Kopyala!


        <!--BEGIN OF RAYCHAT CODE-->
        <script type="text/javascript">
          window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
            (function () {
                d = document;
                s = d.createElement("script");
                s.src = "https://widget-react.raychat.io/install/widget.js";
                s.async = 1;
                d.getElementsByTagName("head")[0].appendChild(s);
            })();
        </script> 
        <!--END OF RAYCHAT CODE-->

Widget'ı Next.js framework'üne kurma

Widget'ı next.js framework'üne kurmak için kurulum kodunu programınızın app.js_ dosyasına aşağıdaki gibi yerleştirebilirsiniz.

Kopyala!


        <Script
          id="raychat-widget"
          strategy="afterInteractive"
          dangerouslySetInnerHTML={{
            __html: "
                window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
                (function () {
                    const d = document;
                    const s = d.createElement("script");
                    s.src = "https://widget-react.raychat.io/install/widget.js";
                    s.async = true;
                    d.getElementsByTagName("head")[0].appendChild(s);
              
                })();",
          }}
        />

Widget'ı VueJS framework'üne kurma

Raychat'i Vue.js framework'üne kurmak için kurulum kodunu public klasöründe bulunan index.html dosyasında head etiketinin bitişinden hemen önceye yerleştirebilirsiniz.

Kopyala!


        <!--BEGIN OF RAYCHAT CODE-->
        <script type="text/javascript">
        window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
          (function () {
              d = document;
              s = d.createElement("script");
              s.src = "https://widget-react.raychat.io/install/widget.js";
              s.async = 1;
              d.getElementsByTagName("head")[0].appendChild(s);
          })();
        </script> 
        <!--END OF RAYCHAT CODE-->

Widget'ı AngularJS framework'üne kurma

RayChat'i Angular framework'üne kurmak için kurulum kodunu src klasöründe bulunan index.html dosyasında head etiketinin bitişinden hemen önceye yerleştirebilirsiniz.

Kopyala!


        <!--BEGIN OF RAYCHAT CODE-->
        <script type="text/javascript">
          window.RAYCHAT_TOKEN = "YOUR_WIDGET_TOKEN";
            (function () {
                d = document;
                s = d.createElement("script");
                s.src = "https://widget-react.raychat.io/install/widget.js";
                s.async = 1;
                d.getElementsByTagName("head")[0].appendChild(s);
            })();
        </script> 
        <!--END OF RAYCHAT CODE-->