---
title: "Embedded Authenticationのスクリプト"
url: https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/scripts-for-embedded/
description: "Catalyst Authenticationを使用すると、アプリユーザーに安全な認証とサインインを提供し、ユーザーアカウントを管理できます。"
last_updated: 2026-08-28T07:59:38Z
service: Cloud Scale
type: general
---

# Embedded Authenticationのスクリプト

Catalystは、Embedded Authenticationを実装するためにWebクライアントアプリケーションに組み込むことができる以下のスクリプトを提供します。

**Conventional Login Form**タイプの場合
![cloud_scale_auth_embedded_conventional](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_conventional.webp)

```javascript
<script src="https://static.zohocdn.com/catalyst/sdk/js/4.6.2/catalystWebSDK.js"> </script>
<script src="/__catalyst/sdk/init.js"> </script>
<script>
  const config = {};
  /* config is optional
  {
    css_url : "/css/embeddediframe.css", // カスタムCSSファイルパスをここに入力してください。パスが指定されない場合はデフォルトCSSが適用されます
    service_url : "/app/index.html", // この値はオプションです。リダイレクトURLをここに入力できます。
    is_customize_forgot_password : true, // デフォルト値はfalseです。パスワードリセットページをカスタマイズする場合はtrueに設定してください
    forgot_password_id : "forgotPasswordDivElementId", // パスワードリセットページを読み込む要素ID（値が指定されない場合、デフォルトで"loginDivElementId"に表示されます）
    forgot_password_css_url : "/css/forgotPwd.css" // パスワードリセットページのカスタムCSSファイルパスを入力してください。パスが指定されない場合はデフォルトCSSが適用されます。
  } */
  catalyst.auth.signIn("loginDivElementId", config);
</script>

```

**Social Login-only Form**タイプの場合
![cloud_scale_auth_embedded_socials](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_socials.webp)

```xml
<script src="https://static.zohocdn.com/catalyst/sdk/js/4.6.2/catalystWebSDK.js"> </script>
<script src="/__catalyst/sdk/init.js"> </script>
<script>
  const config = {
    signin_providers_only : true, // サインインプロバイダー専用フォームをカスタマイズするにはtrueに設定
    css_url : "/css/embeddediframe.css", // カスタムCSSファイルパスをここに入力してください。パスが指定されない場合はデフォルトCSSが適用されます
    service_url : "/app/index.html" // リダイレクトURLをここに入力してください。この値はオプションです。
  } 
  catalyst.auth.signIn(elementId, config);
</script>

```

> **注意:** これらのスクリプトはコンソールでも利用可能です。Embedded Authenticationの設定時およびコンソールの*Authentication Type*セクションで、直接コピーして有効化できます。