整合指南

使用您偏好的框架將 LaunchChat 元件新增到網站。

安裝

將此程式碼新增到 </body> 標籤之前：

<!-- LaunchChat Widget -->
<script>
  window.LaunchChatConfig = {
    widgetId: "YOUR_WIDGET_ID"
  };
</script>
<script src="https://your-domain.com/widget.js" async></script>

內容安全政策（CSP）

如果您的網站使用 CSP 標頭，請新增以下網域：

Content-Security-Policy:
  script-src 'self' https://your-launchchat-domain.com;
  connect-src 'self' https://your-launchchat-domain.com;
  frame-src 'self' https://your-launchchat-domain.com;

安全注意事項

Widget ID 是公開的

Widget ID 設計為公開使用，可嵌入到客戶端程式碼中。它僅允許讀取知識庫和使用聊天功能。僅憑 Widget ID 無法執行任何敏感操作。

網域限制

您可以在控制台的元件 → 行為 → 允許的網域中限制哪些網域可以嵌入您的元件。設定後，元件僅在這些網域上生效。

驗證安裝

新增程式碼後，驗證元件是否正確載入：

在瀏覽器中開啟您的網站
在右下角尋找聊天按鈕
點擊開啟聊天視窗
傳送一則測試訊息以驗證是否正常運作

如果元件未顯示，請檢查瀏覽器主控台是否有錯誤，並確認 Widget ID 是否正確。