> ## Documentation Index
> Fetch the complete documentation index at: https://hc.saas-manager.biz.nuro.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# Crisp

> Crispとの連携方法です。

export const IntegrationCapabilities = ({lang = "ja", modes = "", plan = "", lifecycle = "", automation = "", fetch = "", capabilities = "", memo = ""}) => {
  const TEXT = ({
    ja: {
      rows: {
        mode: "連携モード",
        plan: "連携確認プラン",
        lifecycle: "アカウントライフサイクル",
        automation: "自動化",
        fetch: "取得データ",
        capabilities: "対応機能",
        memo: "備考"
      },
      empty: "-",
      more: "各項目の意味は[連携可能SaaS・機能対応一覧](/integrations/supported-saas)をご覧ください。",
      mode: {
        "API Key": "APIキー"
      },
      lifecycle: {
        provisioning: "アカウント作成",
        deactivate: "アカウント無効化",
        delete: "アカウント削除"
      },
      automation: {
        provisioning: "アカウント作成",
        deactivate: "アカウント無効化",
        delete: "アカウント削除"
      },
      fetch: {
        User: "ユーザー名",
        Mail: "メールアドレス",
        Role: "ロール",
        Status: "ステータス",
        "2FA": "二要素認証",
        LastActivity: "最終利用日",
        Licenses: "ライセンス"
      },
      capabilities: {
        "employee-master": "従業員マスター連携",
        "identity-provider": "IDプロバイダー連携",
        "cost-aggregation": "コスト管理",
        "file-aggregation": "ファイル管理",
        "file-permissions": "ファイル権限管理",
        "device-aggregation": "MDM連携"
      }
    },
    en: {
      rows: {
        mode: "Integration mode",
        plan: "Verified plan",
        lifecycle: "Account lifecycle",
        automation: "Automation",
        fetch: "Fetched data",
        capabilities: "Capabilities",
        memo: "Notes"
      },
      empty: "-",
      more: "See [Supported SaaS and Capabilities](/en/integrations/supported-saas) for what each item means.",
      mode: {},
      lifecycle: {
        provisioning: "Account creation",
        deactivate: "Account deactivation",
        delete: "Account deletion"
      },
      automation: {
        provisioning: "Account creation",
        deactivate: "Account deactivation",
        delete: "Account deletion"
      },
      fetch: {
        LastActivity: "Last Activity"
      },
      capabilities: {
        "employee-master": "HR master",
        "identity-provider": "Identity provider",
        "cost-aggregation": "Cost management",
        "file-aggregation": "File management",
        "file-permissions": "File permissions",
        "device-aggregation": "MDM integration"
      }
    }
  })[lang === "en" ? "en" : "ja"];
  const BADGE_COLORS = {
    "ID/Password": "yellow",
    "API Key": "cyan",
    OAuth: "red",
    App: "purple",
    User: "blue",
    Mail: "cyan",
    Role: "orange",
    Status: "teal",
    "2FA": "pink",
    LastActivity: "green",
    Licenses: "purple",
    provisioning: "green",
    delete: "red",
    deactivate: "yellow",
    "employee-master": "blue",
    "identity-provider": "teal",
    "cost-aggregation": "yellow",
    "file-aggregation": "cyan",
    "file-permissions": "orange",
    "device-aggregation": "purple"
  };
  const list = value => String(value || "").split(",").map(item => item.trim()).filter(Boolean);
  const badges = (source, labels) => {
    const values = list(source);
    if (values.length === 0) {
      return <span className="integration-capabilities-empty">{TEXT.empty}</span>;
    }
    return values.map(value => <span key={value} className={"integration-catalog-badge integration-catalog-badge--" + (BADGE_COLORS[value] || "gray")}>
        {labels?.[value] ?? value}
      </span>);
  };
  const text = value => value || <span className="integration-capabilities-empty">{TEXT.empty}</span>;
  const linkify = value => {
    if (!value) return null;
    const parts = [];
    let rest = String(value);
    let key = 0;
    for (; ; ) {
      const mid = rest.indexOf("](");
      if (mid < 0) break;
      const open = rest.lastIndexOf("[", mid);
      const close = rest.indexOf(")", mid);
      if (close < 0) break;
      if (open < 0) {
        parts.push(rest.slice(0, mid + 2));
        rest = rest.slice(mid + 2);
        continue;
      }
      if (open > 0) parts.push(rest.slice(0, open));
      parts.push(<a key={key++} href={rest.slice(mid + 2, close)} target="_blank" rel="noopener noreferrer">
          {rest.slice(open + 1, mid)}
        </a>);
      rest = rest.slice(close + 1);
    }
    if (rest) parts.push(rest);
    return parts;
  };
  const ROWS = [["mode", badges(modes, TEXT.mode)], ["plan", text(plan)], ["lifecycle", badges(lifecycle, TEXT.lifecycle)], ["automation", badges(automation, TEXT.automation)], ["fetch", badges(fetch, TEXT.fetch)], ["capabilities", badges(capabilities, TEXT.capabilities)], ["memo", text(linkify(memo))]];
  return <div className="integration-capabilities">
      <dl className="integration-capabilities-list">
        {ROWS.map(([key, value]) => <div className="integration-capabilities-row" key={key}>
            <dt>{TEXT.rows[key]}</dt>
            <dd>{value}</dd>
          </div>)}
      </dl>
    </div>;
};

## 連携仕様

<IntegrationCapabilities modes="API Key" fetch="User, Mail, Role, Status" />

## 事前準備

### ワークスペースキー（Website ID）の取得方法

1. [Crisp](https://app.crisp.chat)にログインし、左メニューの**Settings**（設定）を選択します。続けて、**Workspace**（ワークスペース）の**Setup & Integrations**（セットアップと連携）を選択します。

   <img src="https://mintcdn.com/admina-sbn/M6VVBdoXd8pD6CCB/images/integrations/crisp/crisp-settings-menu.png?fit=max&auto=format&n=M6VVBdoXd8pD6CCB&q=85&s=8083487bf3fa8c59aa682b599b3b6ef3" alt="Crispの設定メニューでSettingsとWorkspaceのSetup & Integrationsが表示されている状態" width="978" height="1920" data-path="images/integrations/crisp/crisp-settings-menu.png" />

2. **General Options**（一般オプション）の**Website ID**（ウェブサイトID）を、**Copy**（コピー）をクリックしてコピーし、保存します。

   <img src="https://mintcdn.com/admina-sbn/M6VVBdoXd8pD6CCB/images/integrations/crisp/crisp-website-id.png?fit=max&auto=format&n=M6VVBdoXd8pD6CCB&q=85&s=47fa92785eda3ed6f93549eedba79fc4" alt="CrispのSetup & Integrations画面でWebsite IDとCopyボタンが表示されている状態" width="1526" height="428" data-path="images/integrations/crisp/crisp-website-id.png" />

### トークンIDとトークンシークレットの取得方法

1. **Workspace**の**Advanced configuration**（詳細設定）を選択します。

   <img src="https://mintcdn.com/admina-sbn/M6VVBdoXd8pD6CCB/images/integrations/crisp/crisp-advanced-configuration.png?fit=max&auto=format&n=M6VVBdoXd8pD6CCB&q=85&s=9bef76b59db5642e9cf90ff21f74a71d" alt="Crispの設定メニューでWorkspaceのAdvanced configurationが表示されている状態" width="606" height="716" data-path="images/integrations/crisp/crisp-advanced-configuration.png" />

2. **REST API + MCP Server Tokens**（REST API・MCPサーバーのトークン）の**Create Token**（トークンを作成）をクリックします。

   <img src="https://mintcdn.com/admina-sbn/M6VVBdoXd8pD6CCB/images/integrations/crisp/crisp-create-token.png?fit=max&auto=format&n=M6VVBdoXd8pD6CCB&q=85&s=a48428b6ab5bed06c35f0165a855a650" alt="CrispのAdvanced configuration画面でREST API + MCP Server TokensのCreate Tokenボタンが表示されている状態" width="1538" height="732" data-path="images/integrations/crisp/crisp-create-token.png" />

3. 表示された**API Identifier**（API識別子）と**API Key**（APIキー）をコピーして保存します。この値は一度しか表示されないため、すぐに保存してください。

   <img src="https://mintcdn.com/admina-sbn/M6VVBdoXd8pD6CCB/images/integrations/crisp/crisp-api-token.png?fit=max&auto=format&n=M6VVBdoXd8pD6CCB&q=85&s=6019fb61edeff6e2108f2303f33754af" alt="CrispのREST API + MCP Server Tokens画面でAPI IdentifierとAPI Keyが表示されている状態" width="1426" height="1646" data-path="images/integrations/crisp/crisp-api-token.png" />

## インテグレーションのセットアップ

1. インテグレーション画面にて**Crisp**を検索します。

2. 前の手順で取得したWebsite IDを**ワークスペースキー**に、API Identifierを**トークンID**に、API Keyを**トークンシークレット**に入力し、**連携する**をクリックします。

   <img src="https://mintcdn.com/admina-sbn/M6VVBdoXd8pD6CCB/images/integrations/crisp/admina-crisp-setup.png?fit=max&auto=format&n=M6VVBdoXd8pD6CCB&q=85&s=e2a533f6b3bd6cb338a27a04dec35581" alt="Crisp連携画面でワークスペースキー・トークンID・トークンシークレットを入力する状態" width="664" height="866" data-path="images/integrations/crisp/admina-crisp-setup.png" />

3. Crispとの連携が成功すると、アカウント一覧に登録済みのユーザー情報が表示されます。正常に完了しない場合は、まず [SaaS連携エラーの対処法](/it-management/saas-management/93nahw45is-trouble) に記載のステップをお試しください。それでも解決しない場合は、[ご提供いただきたい情報](/it-management/saas-management/93nahw45is-trouble#info-to-provide) をご確認のうえ、[サポート窓口](/contact-support)までお問い合わせください。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.