スライドインポップアップは、どんな目的にも使用することができます。この例では、サイトを閲覧する前にユーザーが18歳以上であることを確認させるために、年齢ゲートとして使用しています。18歳未満だと言われたら検索エンジンにリダイレクトし、18歳以上だと言われたらポップアップを閉じます。他の方法では、ユーザーがポップアップを閉じてサイトに入ることはできません。
ポップアップを作成する
- 「ダッシュボード」 > 「テンプレート」 > 「Popups」 > 「新規追加」と進みます。
- テンプレートに名前を付け、「テンプレートを作成」をクリックします。
- ライブラリからテンプレートを選ぶか、自分でデザインを作成する。
ポップアップの設定
設定
- 水平方向の位置を「センター」、垂直方向の位置を「センター」に設定します。
- Overlay（オーバーレイ）： 表示
- ボタンを閉じる ： 表示
- 開始アニメーション ： Slide In Left（左にスライド）
スタイル
オーバーレイをソリッドカラーまたはグラデーションに設定し、透明度は設定しません。
コンテンツを調整する
必要に応じてコンテンツを変更します。ポップアップを閉じるか、ユーザーを別のサイトにリダイレクトするために、YESとNOのボタンを使用しました。
YESボタンについては、リンクフィールドを使って、Dynamic Popup ActionをClose Popupに設定しました。
NOボタンには、Googleへのリンクを設定し、ユーザーが私たちのサイトから離れていくようにしました。
公開設定
Conditions（条件）： Include（含める）：Entire Site（サイト全体）
Triggers（トリガー）： On Page Load（ページの読み込み時）：はい ： within（sec）0（0秒以内）
公式ページ：Popups: Slide-Ins