Tidio

resmi

Tidio'yu MCP aracılığıyla web sitenize bağlayın. Widget'ı programlama ortamınızdan çıkmadan yerleştirin.

tid.io üzerinde görüntüleBu MCP'yi deneyinSponsorlu

Tidio MCP ile neler yapabilirsiniz?

  • Tidio'yu bir siteye bağlama — tidio_connect ile Tidio'yu bir web sitesi URL'sine bağlamayı isteyin; bu, OAuth girişi için bir tarayıcı açar ve genel anahtarınızı otomatik olarak alır.
  • Bağlantı durumunu kontrol etme — Tidio'nun bağlı olup olmadığını doğrulamak ve mevcut yerleştirme kodunuzu almak için kullanın.
  • Yerleştirme kodu oluşturma — Kullanıma hazır JavaScript üretmek için genel anahtarla çağırın; isteğe bağlı olarak async veya sync yükleme seçeneğini belirleyin.
  • Tidio bağlantısını kesme — ~/.tidio-mcp/credentials.json dosyasından yerel olarak saklanan kimlik bilgilerini temizlemek için çalıştırın.

Dokümantasyon

Tidio MCP Bağlayıcısı

AI asistanlarını Tidio canlı sohbetine bağlayan bir MCP (Model Context Protocol) sunucusu - otomatik kurulum ile

Özellikler

  • Otomatik Kurulum: Tek komutla Tidio'ya bağlanın - manuel anahtar kopyalama yok
  • OAuth Kimlik Doğrulama: Güvenli Tidio girişi için tarayıcıyı açar, genel anahtarınızı otomatik olarak alır
  • Kimlik Bilgisi Kalıcılığı: Kimlik bilgileri gelecekteki oturumlar için yerel olarak kaydedilir
  • Gömme Kodu Üretimi: Herhangi bir web sitesi için kullanıma hazır JavaScript kodu alın

Kurulum

npm install tidio-mcp-connector

Veya yerel olarak klonlayıp derleyin:

git clone https://github.com/your-username/tidio-mcp-connector.git
cd tidio-mcp-connector
npm install
npm run build

Kullanım

Claude Desktop ile

Claude Desktop yapılandırmanıza ekleyin (~/Library/Application Support/Claude/claude_desktop_config.json):

{
  "mcpServers": {
    "tidio": {
      "command": "npx",
      "args": ["tidio-mcp-connector"]
    }
  }
}

Lovable ile

Bu MCP bağlayıcısı Lovable ve benzeri AI destekli geliştirme platformlarıyla çalışır. Özel bir MCP sunucusu olarak ekleyin.

MCP Inspector ile (Test)

npx @modelcontextprotocol/inspector npx tidio-mcp-connector

Mevcut Araçlar

tidio_connect (Önerilen)

Tidio'ya bağlanın ve genel anahtarınızı otomatik olarak alın.

Nasıl çalışır:

  1. Tarayıcınızı Tidio'nun giriş sayfasına açar
  2. Tidio hesabınızla kimlik doğrulaması yaparsınız
  3. Genel anahtarınızı ve gömme kodunuzu otomatik olarak döndürür

Parametreler:

  • site_url (zorunlu): Tidio'nun ekleneceği web sitesi URL'si

Örnek:

Connect Tidio to https://mywebsite.com

tidio_status

Bağlantı durumunuzu kontrol edin ve gömme kodunuzu alın.

Parametreler: Yok

tidio_disconnect

Kayıtlı kimlik bilgilerini temizleyin.

Parametreler: Yok

generate_tidio_embed

Belirli bir genel anahtar için gömme kodu üretin (zaten bir tane varsa).

Parametreler:

  • public_key (zorunlu): Tidio genel anahtarınız
  • loading_mode (isteğe bağlı): "async" (varsayılan) veya "sync"

Nasıl Çalışır

  1. Kullanıcı tidio_connect çağırır web sitesi URL'si ile
  2. Tarayıcı açılır Tidio'nun kimlik doğrulama sayfasına
  3. Kullanıcı giriş yapar Tidio hesabına
  4. Geri çağrı alınır - MCP sunucusu yenileme token'ını alır
  5. API çağrıları yapılır - token erişim token'ı ile değiştirilir, ardından genel anahtar alınır
  6. Kimlik bilgileri kaydedilir ~/.tidio-mcp/credentials.json konumuna
  7. Gömme kodu döndürülür - web sitesine eklenmeye hazır

Kimlik Bilgisi Depolama

Kimlik bilgileri ~/.tidio-mcp/credentials.json konumunda yerel olarak saklanır:

{
  "public_key": "abc123...",
  "access_token": "...",
  "refresh_token": "...",
  "site_url": "https://example.com",
  "created_at": "2024-01-01T00:00:00.000Z",
  "updated_at": "2024-01-01T00:00:00.000Z"
}

Gömme Kodu Çıktısı

Bağlayıcı optimize edilmiş eşzamansız yükleme kodu üretir:

<script type="text/javascript">
document.tidioChatCode = "YOUR_PUBLIC_KEY";
(function() {
  function asyncLoad() {
    var tidioScript = document.createElement("script");
    tidioScript.type = "text/javascript";
    tidioScript.async = true;
    tidioScript.src = "//code.tidio.co/YOUR_PUBLIC_KEY.js";
    document.body.appendChild(tidioScript);
  }
  if (window.attachEvent) {
    window.attachEvent("onload", asyncLoad);
  } else {
    window.addEventListener("load", asyncLoad, false);
  }
})();
</script>

Geliştirme

# Install dependencies
npm install

# Run in development mode
npm run dev

# Build for production
npm run build

# Run built version
npm start