chat.option({
  // バージョン
  version: 2,
  // テーマ色
  theme_color: "#2aab9f",
  // ヘッダータイトル
  header_title: "KARTEサポートチーム",
  // ヘッダー説明文
  header_description: "ご質問があればお尋ねください。\nKARTEサポート担当者につながります。サポート受付時間は平日10:30-17:30です。",
  // 画像アップロードを有効化
  enable_image_upload: true,
  // メール通知設定を有効化
  show_notification_email_setting_view: true,
  // デフォルトのランチャーを隠す
  hide_launcher: false,
  // チャットオペレーター名（未設定時）
  default_operator_name: "サポート担当",
  // アカウント画像（未設定時）
  default_operator_image: "https://default-image.png",
  // チャットオペレーター名（上書き）
  force_operator_name: "",
  // アカウント画像（上書き）
  force_operator_image: ""
});

// チャットの起動
chat.open();

// チャット送信
chat.send({text: '何かお探しですか？'});

// Launcherを表示しない
chat.option({
  (...中略...)
  hide_launcher: true
});

// ChatPanelが開いたらWidgetを非表示
chat.emitter.on('activate', function() {
   widget.hide();
});

// ChatPanelが閉じたらWidgetを表示
chat.emitter.on('deactivate', function() {
   widget.setState(1);
});

// chatをバックグラウンドで起動
chat.open();

// ボタンクリックでChatPanelを表示
widget.method('onClick', function(){
   chat.activate();
});

// チャットで対応済みになった時にWidgetを表示
chat.emitter.on('talk_chat_status_changed', function(data) {
    if(data.chatStatus == 'closed') {
        widget.show();
    }
});

// Widgetを表示
widget.show();

// ブラウザタブを使う場合のoption設定例
chat.option({
  (...中略...)
  // ブラウザタブ通知を有効化
  enable_tab_notification: true,
  // ブラウザタブ通知の文言
  tab_notification_text: "新着メッセージあり"
});