cookie同意のボトムバーを作成します。
次の方法を学びます
- あらかじめデザインされたポップアップのテンプレートを編集する
- ボタンのクリックでポップアップを閉じる
- ポップアップの表示位置を制御するための複数の条件を設定する
ポップアップとそのコンテンツをデザインする
- 「テンプレート」>「Popups(ポップアップ)」>「新規追加」と進み、新しいポップアップに名前を付けます。(別の方法として、CMD+EまたはCTRL+Eを押してFinderを開き、「Popup」を検索し、「Add New Popup」を選択して名前を付けることもできます)。
- あらかじめデザインされたポップアップのテンプレートを選択するか、ライブラリのオーバーレイを閉じて、最初からポップアップをデザインします。この例では、Cookie Consentのボトムバーを選択しています。
ボタンを編集 > コンテンツ
テキスト:「同意して閉じる」と入力。
リンク > ダイナミックアイコン(動的タグ)をクリック
- アクション > Popupを選択
- もう一度Popupをクリック
- Acrion : Close Popupを選択
- Don’t Show Again(もう表示しない):はいを選択
- サイズ :中
ボタンを編集 > スタイル
- 色:色を選択
- パディング:すべてのパディングを削除。
ボタン ウィジェットのハンドル を右クリックし、「複製」を選択します。次に、このボタンのスタイルを設定します。
ボタンを編集 > コンテンツ
- テキスト:「低下」と入力。
- リンク: Cookie が必要な理由を説明する利用規約ページへのリンクを入力。
- サイズ :中
ボタンを編集 > スタイル
色:透明
ボタンを編集 > スタイル > 背景タイプ > クラシック
- ボーダータイプ:直線
- 幅:1 (下のみ)
- 枠線の丸み:すべてのコーナーで 0
- パディング: 5(下のみ)
テキストを編集する
見出しを編集 > コンテンツ
配置:左
「同意して閉じる」 ボタンを編集する
ボタンを編集 > コンテンツ
配置:均等割付
テキストのカラムをドラッグしてバーの幅を広げ、同意ボタンのカラムをドラッグして幅を狭める。必要に応じて調整してください。
パネルの左下にある歯車アイコン を クリックして、ポップアップ設定に戻ります。
Popup設定 > 設定 > レイアウト
Overlay(オーバーレイ):非表示
Popup設定 > スタイル > 背景タイプ
色:必要に応じて色を調整します。
Popup設定 > 高度な設定 > 詳細
- Prevent Closing On Overlay(オーバーレイで閉じるのを防止する):はい
- Prevent Closing on ESC(ESC で閉じるのを防ぐ):はい
ポップアップを公開
「公開」 ボタンをクリックして、条件、トリガー、および詳細ルールを設定します。
Display Condition(条件)
「ADD CONDITION(条件を追加)」をクリック
- INCLUDE(含める):Entire Site(サイト全体)
- EXCLUDE(除外):Singlular(単一) > All Pages(すべてのページ) > Terms of Use page(利用規約ページ)
Triggers(トリガー)
On Page Load:はい( 0 sec)
「SAVE&CLOSE(保存して閉じる)」ボタンをクリック
すべて完了しました。自分のサイトにアクセスして、実際に動作しているところを見てみましょう。
注意
この方法は、同意の前に受け入れを保存したり、Cookie スクリプトをブロックしたりしないため、GDPR に準拠していません。GDPR に準拠する必要がある場合は、代わりにGDPR に準拠したCookie 同意プラグインを使用してください。