Floating Banner 設定

Floating Banner(フローティングバナー)は、広告や重要なお知らせを固定表示するためのコンポーネントです。

ユーザーがページをスクロールしている間も常に画面上に表示され、視界から外れることはありません。

アクセス方法content_copycheck_circle

管理画面 ▶ カスタマイズ ▶ ウィジェット ▶ Floating Banner ▶ Add Banner

設定content_copycheck_circle

Active バナーの表示/非表示を切り替えます。
Only HP トップページのみにバナーを表示します。
Close BTN 閉じるボタンを表示します。
ユーザーが任意でバナーを閉じることが可能になります。
ID バナーにカスタム ID を設定します。
CSSJavaScript による個別制御が必要な場合に有効です。
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 を設定します(TypeLINK の場合に適用)。