Website高度な使用ガイド

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setUser("ユーザー一意識別子（例：user_id）", {  // 第1引数は一意の識別子
    email: "user@example.com",
    name: "ユーザー名",
    avatar_url: "https://example.com/avatar.jpg",  // オプション
    phone_number: "+1234567890"  // オプション
  });
});

            

              
              const crypto = require('crypto');
const key = 'あなたのHMAC Token';  // Inboxes設定からコピー
const message = 'ユーザー一意識別子';
const identifier_hash = crypto.createHmac('sha256', key).update(message).digest('hex');

// setUser内で追加
window.$livedesk.setUser("ユーザー一意識別子", {
  ...その他の情報,
  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");//string属性キー名

            

              
              window.$livdesk.toggle();

// Toggle widget by passing state
window.$livedesk.toggle("open"); // チャットウィジェットを開く
window.$livedesk.toggle("close"); // チャットウィジェットを閉じる

            

              
              window.$livedesk.toggleBubbleVisibility('hide');// show/hide

            

              
              window.$livedesk.popoutChatWindow();

            

              
              window.$livedesk.setLocale("en");// string言語コード、例：zh-CN

            

              
              window.$livdesk.setLabel('support-ticket');// stringタグ識別子
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に変更