Website 高度な使用ガイド

              
              <iframe
    class="livedesk-widget-iframe"
    src="https://livedesk-stg.engagelab.com/console/livedesk/widget/?website_token=iTMtGDnzR1tccf3fiikLjL71&action=autoStart" // website_token は、チャネル作成後に生成された対応する値に置き換えてください
    title="Live desk"
    allow="camera;microphone"
/>

            

              
              Array.from(document.getElementsByTagName('iframe'))
.filter((iframe) => iframe.src && iframe.src.includes('livedesk'))
.forEach((iframe) =>
iframe.contentWindow?.postMessage(
'livedesk-widget:' +
JSON.stringify({
event: 'set-user',
identifier: 'your_user_id',
user: { name: 'Display Name', email: 'user@example.com' },
}),
'*',
),
);

            

              
              <iframe
  class="livedesk-widget-iframe"
  src="https://livedesk-stg.engagelab.com/console/livedesk/widget/?website_token=Etsz4XtvqKi7iqbHf8Ma6ZLR&action=autoStart&user_id=5002"
  title="LiveDesk"
  allow="camera;microphone"
/>

            

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setUserId("一意のユーザー ID（user_id など）", {  // 最初のパラメータは一意の識別子です
    email: "user@example.com",
    name: "ユーザー名",
    avatar_url: "https://example.com/avatar.jpg",  // 任意
    phone_number: "+1234567890"  // 任意
  });
});

            

              
              const crypto = require('crypto');
const key = 'Your HMAC Token';  // Inbox 設定からコピー
const message = 'Unique user ID';
const identifier_hash = crypto.createHmac('sha256', key).update(message).digest('hex');

// setUserId に追加
window.$livedesk.setUserId("Unique user ID", {
  ...Other information,
  identifier_hash: identifier_hash
});

            

              
              window.$livedesk.setConversationCustomAttributes({
  utm_source: "google",  // 例: 会話レベルの UTM
  session_type: "support"
});

            

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setCustomAttributes({
    pricing_plan: "premium",  // key: 事前定義された一意の識別子、value: 型に応じて設定（文字列など）
    signup_date: new Date(),  // 例: 日付型
    account_id: 123           // 例: 数値型
  });
});

            

              
              window.$livedesk.deleteCustomAttribute("pricing_plan"); // 文字列属性のキー名

            

              
              window.$livdesk.toggle();

// 状態を渡してウィジェットを切り替え
window.$livedesk.toggle("open"); // チャットウィジェットを開く
window.$livedesk.toggle("close"); // チャットウィジェットを閉じる

            

              
              window.$livedesk.toggleBubbleVisibility('hide'); // 表示 / 非表示

            

              
              window.$livedesk.popoutChatWindow();

            

              
              window.$livedesk.setLocale("en"); // 文字列の言語コード。例: zh-CN

            

              
              window.$livdesk.setLabel('support-ticket'); // 文字列のラベル識別子
window.$livdesk.removeLabel('support-ticket');

            

              
              <script>
// 1. sdk.js を読み込む前に、まずグローバル設定を行います（必ずスクリプトの先頭に配置してください）
window.livedeskSettings = {
  // ウィジェットの位置: 左下（デフォルトは右下）
  position: "left",

  // 言語を簡体字中国語に固定（ブラウザが英語でも中国語で表示されます）
  locale: "zh-CN",

  // ブラウザ言語を自動検出（ユーザーのブラウザ言語を優先したい場合は true に設定し、上記の locale を削除してください）
  // useBrowserLanguage: true,

  // ウィジェットタイプ: expanded_bubble = 大きなバブル（ウェルカムメッセージ付き）、standard = クラシックな小さなバブル
  type: "expanded_bubble",

  // ダークモード（システムに自動追従、または強制的にダークモードに設定）
  darkMode: "auto",        // 任意の値: true | false | "auto"

  // 下部の小さなバブルアイコンを非表示（カスタムボタン内に配置する場合に適しています）
  hideMessageBubble: false,

  // 右下の「ポップアウトウィンドウ」矢印ボタンを非表示
  showPopoutButton: false,

  // カスタムランチャータイトル（大きなバブルモードで表示）
  launcherTitle: "オンラインサポート",

  // ウェルカムメッセージ（expanded_bubble モードで有効）
  welcomeTitle: "こんにちは！どのようにお手伝いできますか？",
  welcomeDescription: "通常、数分以内に返信します。",

  // オンライン / オフライン時に表示される案内文
  availableMessage: "現在オンラインです。いつでもサポートいたします",
  unavailableMessage: "現在オフラインです。営業時間内にできるだけ早く返信いたします",

  // 機能スイッチ
  enableFileUpload: true,       // ファイルのアップロードを許可
  enableEmojiPicker: true,      // 絵文字の使用を許可
  enableEndConversation: true,  // ユーザーが自発的に会話を終了することを許可

  // その他の高度なオプション（必要に応じて有効化）
  // showUnreadMessagesDialog: true,   // 未読メッセージがある場合にポップアップで通知（デフォルト: true）
  // baseDomain: "yourcompany.com",    // マルチドメイン展開で使用
};

</script>

<!-- 2. LiveDesk Widget SDK を読み込みます（独自のドメインとトークンに置き換えてください） -->
<script>
  (function(d,t) {
    var BASE_URL="https://www.engagelab.com";          // ← ご利用の LiveDesk アドレスに置き換えてください
    var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=BASE_URL+"/packs/js/sdk.js";
    g.defer = true;
    g.async = true;
    s.parentNode.insertBefore(g,s);
    g.onload=function(){
      window.livedeskSDK.run({
        websiteToken: 'abcdefgh1234567890abcdefgh123456',  // ← ご利用の Website Token に置き換えてください
        baseUrl: BASE_URL
      });
    }
  })(document,"script");
</script>