プライベート サイトやページを表示するには、チーム メンバーにSSOでサインインすることを要求します。

プレミアムまたはエンタープライズ プランでは、サイトや特定のページを表示するためのシングル サインオン (SSO) を設定できます。Okta、Microsoft Entra ID、ClassLink、Googleなどの認証アプリケーションを使用してSSOを設定できます。この機能を使用すると、お客様の組織向けに、SSOログイン フローで保護された内部サイトを作成することができます。以下に例を示します。

• あなたの会社がイベントを開催することになり、従業員だけが会社のSSOを使用してアクセスできるイベント専用のWebサイトを作成します。
• 会社にはさまざまな部署やチームがあり、適切なグループの人たちが、その人たちのために作成されたコンテンツにアクセスできるようにする必要があります。ページ レベルのSSO設定を使用すると、さまざまなグループがサイトの特定の部分にアクセスできるようになります。ITチームは、これをすべて会社のSSO設定で管理できます。
• 従業員ニュースレターやその他のリソースを含む社内サイトがあり、従業員だけが会社のSSOを使用してアクセスできます。

ブランドに合わせてログイン画面をカスタマイズできます。ITチームと協力して、サイトやページの閲覧用にSSOを設定することをおすすめします。

この機能はプレミアムおよびエンタープライズ プランをご利用のお客様専用です。他のプラン レベルでは利用できません。

SSO資格情報を追加する

SSO資格情報は、アカウント設定で入力および管理できます。これらの資格情報は、サイトの可用性とページ設定に表示されます。

注: サイトやページの表示用にClassLinkを設定できるのは、すでにClassLinkを使用してSquarespaceアカウントにログインしている場合のみです。

OktaやMicrosoft Entra IDなどで、組織にログインするためのSSOがすでに設定されている場合、これらの資格情報はSSOマネージャーの [チームSSO] セクションに自動的に入力されます。

新しい資格情報を追加する方法は次の通りです。

1. [SSO資格情報] パネルを開きます。
2. [SSO資格情報を追加] をクリックします。
3. [SSOプロバイダー] ドロップダウン メニューをクリックし、認証アプリケーションを選択します。
4. プロバイダーの資格情報を入力します。プロバイダー固有の注記は、以下のセクションに記載されています。
   1. OktaやMicrosoft Entra IDを使用している場合は、プロバイダーから発行されたクライアントIDとクライアント シークレットをそれぞれのフィールドに入力します。Googleの場合は、X.509証明書を入力します。
   2. シングル サインオンURLを入力します。
      • Oktaの場合は、Okta発行者URL (https://example.okta.com) を使用します。
      • Googleの場合は、https://accounts.google.com/o/saml2/idp?idpid=XYZを使用します。
      • Microsoft Entra IDの場合、SquarespaceはテナントID を使用して、Microsoft Appsダッシュボードからリンクする一意のサインオンURLを作成します。URLはhttps://sts.windows.net/ {YOUR_TENANT_ID}のようになり、{YOUR_TENANT_ID}の代わりにテナントIDを使用します。
   3. ログイン方法を識別識別しやすくするためにニックネームを入力します。
5. [SSOを保存] をクリックします。

サイトの可用性設定または特定のページで、これらのSSO資格情報を選択できるようになりました。

サイトレベルのSSOを設定する

SSOログインを有効にしてサイトを表示する方法は次の通りです。

1. [サイトの公開状態] パネルを開きます。
2. [SSO保護] を選択し、[SSOを選択] をクリックします。
3. [SSO資格情報] ドロップダウン メニューから [SSOオプション] を選択します。また、ログイン ボタンに表示されるテキストを編集することもできます。
4. [SSOを保存] をクリックします。
5. オプション: 別のSSOオプションを追加するには、[追加のSSOを選択] をクリックします。

ページレベルのSSOを設定する

既定では、サイトでSSOが有効になっている場合、サイトに追加する新しいページはサイト全体のSSOで保護されます。個々のページに対して別のSSOプロバイダーを選択できますが、ページ レベルでログインする前に、まずサイト レベルのSSOからログインする必要があります。サイト レベルのSSOが有効になっていない場合は、ページ レベルでログインするだけです。

これは、人事チームのような特定のチームだけがアクセスできるページがある場合、もしくはサイトは公開されているが、特定のページをSSOで保護したい場合に便利です。

SSOログインを有効にして、サイトの特定のページを表示する方法は次の通りです。

1. [ページ] パネルを開きます
2. SSOで保護したいページにカーソルを合わせて、をクリックしてページ設定を開きます。
3. 左側のメニューで、[シングル サインオン] をクリックします。
4. SSOを有効にしていない場合は、[ページへのアクセスにSSOを要求] トグルをオンにします。
5. [SSOを選択] をクリックします。
6. [SSO資格情報] ドロップダウン メニューから [SSOオプション] を選択します。また、ログイン ボタンに表示されるテキストを編集することもできます。
7. [SSOを保存] をクリックします。
8. オプション: 別のSSOオプションを追加するには、[追加のSSOを選択] をクリックします。

プロバイダー固有のメモ

プライベート サイトやページ閲覧のためのSSOログインを設定するために、認証アプリケーションに関する以下のメモを確認してください。

Okta

SSOログインにOktaを使用して、プライベート サイトやページを表示する方法は次の通りです。

• Okta協会の管理者ビューで、[アプリケーションを追加] をクリックします。
• Squarespaceを検索し、[追加] をクリックします。

SquarespaceでOktaを使用してサイトやページビューのログインを設定する場合は、OktaからクライアントIDとクライアント シークレットをコピーする必要があります。

Microsoft Entra ID

SSOログインにMicrosoft Entra IDを使用してプライベート サイトやページを表示するには、次の点に注意してください。

• portal.azure.comで、Squarespaceアプリの追加や管理が可能です。 
• Squarespaceは、Microsoft Entra IDアプリ ギャラリーからではなく、カスタム登録として追加する必要があります。
• Microsoft Entra IDポータルのアプリ登録設定で、リダイレクト先をhttps://login.squarespace.com/api/1/login/oauth/third-party/azure/v2/connect/ssoに設定します。
• アプリ登録設定の [証明書とシークレット] タブからクライアント シークレットを生成する必要があります。

SquarespaceでMicrosoft Entra IDを使用してサイトやページビューのログインを設定する場合は、Microsoft Entra IDからクライアントIDとクライアント シークレットをコピーします。

Google

Googleを認証アプリとして使用する方法の詳細については、「Googleのシングル サインオンでのログイン」を参照してください。

ClassLink

SSOログインにClasslinkを使用してプライベート サイトやページを表示するには、次の点に注意してください。

• Squarespaceアプリは、partnerportal.classlink.comから追加や管理が可能です。
• Squarespaceのアカウント マネージャーに問い合わせて、クライアントIDとシークレットの値を取得します。

SSOログインページをカスタマイズする

チーム メンバーがサイトやページを表示するときに表示されるカスタムSSOログイン ページをデザインできます。

1. [デザイン] パネルを開きます。
2. [SSO ログイン画面] をクリックします。
3. こちらで、コンテンツ、背景画像、フォント、色を編集できます。

会社のブランディングを追加する

[ブランディング＆テキスト] パネルを使用して、会社のロゴやテキストを編集したり、見出しを追加したり、本文に詳細を追加したりすることができます。ロゴを変更する方法は次の通りです。

1. [SSOログイン画面] パネルで、[コンテンツ] をクリックします。
2. ロゴ画像の下にある [置換] をクリックし、[ファイルをアップロード] を選択してドライブから新しい画像をアップロードするか、[ライブラリから選択] を選択して既存の画像を追加します。
3. [保存] をクリックします。

組み込みの画像エディターを使用して、オリジナルのロゴ画像を編集することもできます。

背景画像もしくは動画を追加する

[背景] パネルを使用して、ログイン ページの背景画像、動画、もしくは色を追加します。[画像] もしくは [動画] をクリックして、背景表示用のメディアをアップロードします。

以下の点に留意してください。

• アップロードする前に画像を適切な形式にしてください。
• 組み込みの画像エディターを使用して、元の画像を編集できます。
• 複数の画像をアップロードして、スライドショーまたはグリッド背景を作成できます。SSOログイン画面のスライドショーでは、画像が自動的に切り替わります。
• 多くの高解像度画像をアップロードすると、ログイン ページの読み込み時間に影響が生じる可能性があります。
• レスポンシブ デザインにより、特にモバイルでは画像や動画が常にある程度トリミングされます。トリミングの量は画像の高さとブラウザーの幅によって異なります。

無地の背景色を表示するには、[なし] を選択し、[スタイル] パネルで背景色を変更します。

ログイン画面のスタイルを設定する

[スタイル] パネルを使用して、ログイン ページの色とフォントを編集します。これらのスタイルは、サイトの他のスタイルとは独立しているため、ここで編集を行ってもサイトの他のページには影響しません。

1. [スタイル設定] をクリックします。
2. スタイル オプションを使用して、ログイン ページの外観を編集します。変更を加えると、画面の右側にページのプレビューが表示されます。
3. 完了したら、[保存] をクリックします。

SSOログインをテストする

SSOログイン フローをテストする方法は次の通りです。

1. サイトもしくはページのURLをシークレットウィンドウで開くか、Squarespaceからログアウトしてからサイトもしくはページを開きます。
2. [[SSOプロバイダー] でログイン] をクリックします。
3. ログイン情報を入力して、サイトもしくはページにアクセスします。

テストしてもサイトやページにアクセスできない場合は、Squarespaceのアカウント マネージャーにお問い合わせください。問題によっては、IT担当者もしくはSSOプロバイダーに連絡が必要な場合があります。

SSO資格情報を削除する

サイトの公開状態もしくは個々のページの設定からSSO 資格情報を削除する方法は次の通りです。

1. [サイトの公開状態] パネルを開くか、[ページ] パネルを開いて [シングル サインオン] をクリックします。
2. 削除するインスタンスのSSO詳細をクリックして展開し、[インスタンスを削除] クリックします。
3. [削除] をクリックします。

このログイン方法を使用してサイトまたはページを表示することはできなくなりました。SSOログイン インスタンスがアカウントで使用されていない場合、SSOマネージャーから削除することができます。その方法は次の通りです。

1. [SSO資格情報] パネルを開きます。
2. 削除するSSOインスタンスをクリックし、[完全に削除] をクリックします。