画面設定では Gluegent Gate のユーザーログイン・ログアウト・ポータル画面のカスタマイズを行います。
︙ |
各画面共通の設定内容
- タイトル
- ブラウザやタブのタイトルです。未設定の場合は「Gluegent Gate」と表示されます。
- ロゴ画像
- ログイン画面やポータル画面に表示されるロゴ画像です。ロゴ画像が公開された URL を指定するか、画像ファイルをアップロードします。
「確認」をクリックすると設定されたロゴ画像のプレビューが表示されます。
「クリア」をクリックすると「ファイルを選択」で指定されたファイルをクリアします。 -
情報:
ロゴ画像をアップロードしたとき、利用可能になるタイミングは毎時 0 分、20 分、40 分です。
- ダークモード切り替えスイッチ
- ユーザーポータル画面・認証画面の、ダークモード切り替えの可否を設定できます。「表示する」を選択すると、ユーザーポータルの画面右上に「ライトモード/ダークモード」の切り替えスイッチが表示されます。
※デフォルトは「表示しない」が選択されています。
ログイン画面の設定内容
- ロゴ
- ログイン画面にロゴを表示する場合は「表示する」表示しない場合は「表示しない」を選択します。
- サイドイメージ
- サイドイメージを表示する場合は「表示する」表示しない場合は「表示しない」を選択します。(デフォルトは「表示しない」)
サイドイメージは画面左側に表示されます。
- サイドイメージURL
- サイドイメージ用画像が公開されている URL を入力します。「サイドイメージ非表示」のチェックをオフにすると入力可能になります。
- 「確認」をクリックすると画像をプレビュー表示します。
- サイドイメージURL(スマートフォン用)
- スマートフォン用の画面で使用するサイドイメージ画像の URL を入力します。
- 画面上部HTML
- 認証フォーム上部に挿入する HTML、スタイルシート、JavaScript が設定できます。
画面下部HTML
- 認証フォーム下部に挿入する HTML、スタイルシート、JavaScript が設定できます。
- ブラウザのオートコンプリート(ユーザーID)
- ログイン画面の ID やパスワードをブラウザに記憶させる場合は「有効」のチェックをオンにします。入力したことのある ID を候補として表示します。
注意:
HTML の挿入において使用可能な機能の制限は設けておりませんが、実装は各ご担当者様の責任において実施ください。ここで使用するHTML等のコードについては、サポート対象外となります。入門書やサイトをご覧いただき解決してください。
それぞれの項目のログイン画面での位置関係は以下の通りです。
認証フォームの文字色・背景色を変更する
新デザインでは「画面上部HTML」「画面下部HTML」いずれかに以下のタグを入力し「認証フォーム背景色」「認証フォーム文字色」を変更します。
<style>
.login__formItem {
background-color: #bcbcff;
color: #ffffff;
}
.login__formItem dd {
background-color:#c1ffc1;
color: #ffffff;
}
#login_button_area button{
background-color: #bcbcff;
color: #ffffff;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
outline: solid 1px #000000;
border: solid 1px #000000;
}
</style>
各設定値と設定箇所は以下の通りです。
スクリプトと設定箇所 | 結果 |
---|---|
<style> |
タイムアウト・ログアウト画面の設定内容
ログアウト後の遷移先URL
- サービスからログアウトした時にリダイレクトする URL を指定します。
-
例:https://www.google.com/
- タイムアウト・ログアウト画面に表示するリンク
- タイムアウト・ログアウト画面に表示する遷移先の表示名、URL を入力します。「追加」をクリックすると複数登録できます。
ポータル画面の設定内容
ポータル画面 (https://auth.gluegent.net/user?tenant=<テナントID>) に関する設定を行います。
ポータルに表示するID
- 回答ポータル画面右上に表示するIDを「ユーザーID」「氏名」「メールアドレス」から選択します。
ポータルに表示するメッセージ
- ポータル画面上に表示するメッセージを入力します。
- ポータルに表示するタブ
- ポータルに表示するタブを選択します。タブは「ポータルタブ登録」で追加します。タブが 1 つもない場合は「ホーム(全サービス表示)」がデフォルトで選択されています。
- ポータルに表示する機能
- ポータル画面右上のメニューに表示する各種機能を選択します。各項目は契約状況により変化します。
-
情報:
「接続アプリケーション」は今後実装される新機能用のものであり、現時点ではチェックをオン / オフしても何も表示されません。
- アカウントの設定に表示する項目
- Gluegent Gate に登録されたユーザー情報のうち、ユーザー自身で修正できる項目を選択します。
「ポータルに表示する機能」の「アカウントの設定」がオフの場合、ここでの設定は無効です。 -
情報:
初期設定が全てチェックオフのためそのまま保存するとエラーになります。こちらのチェックをどれか 1 つチェックして保存してください。
- ユーザーマニュアルのURL
- ユーザーポータルに表示するマニュアルのURLを入力します。
- ユーザーポータル画面右上の「≡」をクリックするとユーザーマニュアルへのリンクが表示されます。初期設定はこちらに設定されていますが、このマニュアルの URL を独自のものなどに変更したい場合は URL を入力します。
- パスワード変更の遷移先URL
- ユーザーポータルの「パスワード変更」リンク先が標準のページから指定されたURLへ変更され、パスワードポリシーの「パスワード有効期間(日)」および「初期パスワードの変更」により「ID/パスワード認証」を実施した場合、強制的にパスワード変更を指定したURLへリダイレクトします。
- パスワード初期化の遷移先URL
- ID/パスワード認証画面の下に表示される「パスワードを忘れた方はこちら」のリンク先が指定されたURLへ変更になります。
- ワンタイムパスワードの設定に表示するトークン
- ポータル画面でワンタイムパスワードの情報をクリアするリンクの表示有無を選択します。
「ポータルに表示する機能」の「ワンタイムパスワードの設定」がオフの場合、ここでの設定は無効です。
ポータルタブ一覧
「ポータルタブ一覧」をクリックします。一覧には「ホーム(全サービス表示)」が初期登録されています。この画面でポータル画面に表示するタブの操作を行います。
一覧の操作アイコンをクリックし、各タブの設定を行います。
ホームタブの設定画面は以下の通りです。必要に応じて表示対象のサービスをチェックしてください。追加で表示したいURLは「任意のリンク」から追加してください。
情報:
上の図の「Google Workspace」「Microsoft 365」のようにチェックをオンにしたサービス・アプリはユーザーの「許可するサービス」の設定状況やアクセス権限ルールの「許可するユーザー」「許可するグループ」の設定状況により表示・非表示が制御されます。また、これ以外の項目も同様に表示・非表示が制御されます。任意のリンクは常に表示されます。
ポータルタブ登録
ホームタブ以外でアイコンを表示させたい、表示させるアイコンをホームタブより細かく制御したい場合は任意のタブを追加します。
「ポータルタブ登録」をクリックします。必要事項を入力し「保存」をクリックします。
- 表示名(必須)
- ポータルタブの表示名を設定します。画面上部にタブ名として表示されます。
- 表示名(英語)
- ポータルタブの表示名を英語で設定します。画面上部にタブ名として表示されます。
- 表示名(中国語)
- ポータルタブの表示名を中国語で設定します。画面上部にタブ名として表示されます。
- 表示順(必須)
- タブの表示順です。数値で入力してください。
- 項目
- タブに表示する項目を選択・入力します。
- サービス:Gluegent Gate と連携しているクラウドサービス、SAML サービスプロバイダー、代理認証アプリケーションなどから選択します。
- 任意のリンク:上記以外のサービスへのリンクなど任意の URL です。
※日本語、英語および中国語で入力が可能です。 - 「追加>」をクリックし「タブに表示する項目」に追加します。
情報:
タブに表示する項目のうち、サービスから追加された項目はユーザーの「許可するサービス」の設定状況やアクセス権限ルールの「許可するユーザー」「許可するグループ」の設定状況により表示・非表示が制御されます。
ポータルタブ作成後、「ポータルタブ一覧」をクリックすると作成したタブが表示されます。
編集アイコンをクリックすると対象のタブの編集が行なえます。ごみ箱アイコンをクリックすると対象のタブを削除します。複数のタブを削除する場合は、左側のチェックボックスをオンにし、「削除」をクリックします。
「画面設定」をクリックすると「ポータルに表示するタブ」に作成されたタブが表示されます。チェックをオンにするとポータルにタブが表示されます。