Floating Banner(フローティングバナー)は、広告や重要なお知らせを固定表示するためのコンポーネントです。
ユーザーがページをスクロールしている間も常に画面上に表示され、視界から外れることはありません。

アクセス方法content_copycheck_circle
管理画面 ▶ カスタマイズ ▶ ウィジェット ▶ Floating Banner ▶ Add Banner
設定content_copycheck_circle
| Active | バナーの表示/非表示を切り替えます。 |
| Only HP | トップページのみにバナーを表示します。 |
| Close BTN | 閉じるボタンを表示します。 ユーザーが任意でバナーを閉じることが可能になります。 |
| ID | バナーにカスタム ID を設定します。 CSS や JavaScript による個別制御が必要な場合に有効です。 |
| Class | バナーにカスタム CSS クラスを設定します。 高度なデザイン調整に対応します。 |
| PC Banner | デスクトップ版に表示するバナー画像を設定します。 |
| SP Banner | モバイル版に表示するバナー画像を設定します。 PC とモバイルで同一バナーを使用する場合は、PC Banner のみ設定すれば全デバイスに適用されます。 |
| Type | バナークリック時の動作を指定します。現在、以下の 2 種類に対応しています。 |
| LINK : バナーをリンクとして動作させます。クリック時に、設定した URL へ遷移します。 | |
| AI-CHAT : クリック時に AI チャットウィンドウを開きます。 要件:本モードを利用するには、事前に NOMOCa AI Chat API との接続が必要です。 |
|
| Alignment | 画面上でのバナー表示位置を指定します。 |
| Width | バナーの横幅を設定します。 |
| Bottom | 画面下端からバナーまでの距離を設定します。 |
| Left | 画面左端からバナーまでの距離を設定します。 |
| Right | 画面右端からバナーまでの距離を設定します。 |
| URL | バナークリック時に開くリンク先 URL を設定します(Type が LINK の場合に適用)。 |