Webサイト高度利用ガイド

              
              <iframe
  class="livedesk-widget-iframe"
  src="https://livedesk-stg.engagelab.com/console/livedesk/widget/?website_token=iTMtGDnzR1tccf3fiikLjL71&action=autoStart"
  title="LiveDesk"
  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("Unique user ID (such as user_id)", {
    // 1つ目のパラメータは一意の識別子です
    email: "user@example.com",
    name: "User name",
    avatar_url: "https://example.com/avatar.jpg", // オプション
    phone_number: "+1234567890", // オプション
  });
});

            

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

// setUserに追加
window.$livedesk.setUserId("Unique user ID", {
  ...OtherInformation,
  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", // キー：事前定義された一意の識別子、値：文字列など、型に応じて設定
    signup_date: new Date(), // 例：日付型
    account_id: 123, // 例：数値型
  });
});

            

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

            

              
              window.$livedesk.toggle();

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

            

              
              window.$livedesk.toggleBubbleVisibility("hide"); // 表示または非表示

            

              
              window.$livedesk.popoutChatWindow();

            

              
              window.$livedesk.setLocale("en"); // 文字列形式の言語コード（例：zh-CN）

            

              
              window.$livedesk.setLabel("support-ticket"); // 文字列形式のラベル識別子
window.$livedesk.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,

    // カスタムランチャータイトル（expanded_bubbleモードで表示）
    launcherTitle: "Online Support",

    // ウェルカムメッセージ（expanded_bubbleモードで有効）
    welcomeTitle: "Hello! How can we help you?",
    welcomeDescription: "We usually reply within a few minutes.",

    // オンラインまたはオフライン時に表示する案内テキスト
    availableMessage: "We are online and ready to help",
    unavailableMessage:
      "We are currently offline and will reply as soon as possible during business hours",

    // 機能の有効化・無効化
    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);
    var 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>