Age Verification Modals

商品コード: popup-maker-age-verification-modals カテゴリー:

Age Verification Modals アドオンは、Popup Maker プラグインで作成できるポップアップ画面で、サイトに年齢によるコンテンツの制限をする機能を追加できます。

年齢制限があるコンテンツを認証されるまでブロック

お酒の販売や、ホラー、成人向け商品などコンテンツのカテゴリによっては、利用者に年齢制限の警告を表示したい場合があります。

Age Verification Modals アドオンを利用すると、Popup Maker プラグインで作成できるポップアップ画面を、年齢制限の警告として表示し、生年月日などで年齢を確認するまでページのコンテンツに制限をかけることができます。

年齢確認方法は「はい/いいえ」または「誕生日入力」が選択可能

Age Verification Modals アドオンで設定できる年齢確認の方法は、2種類が用意されています。

ポップアップ画面に [はい] と [いいえ] のボタンを表示して、利用者が選択する方式と、画面に表示されたカレンダーフォームから生年月日を入力する方式があります。

Age Verification Modals アドオンを利用すると、Popup Maker プラグインで作成できるポップアップ画面を、年齢制限の警告として利用することができるようになります。

ページを表示可能な年齢を設定しておくことで、ポップアップ画面で生年月日を入力して年齢を確認するまでコンテンツが表示されないように制限をかけることができます。

Age Verification Modalsの使い方

年齢認証ポップアップの作成方法

Age Verification Modals アドオンを使って年齢を認証するポップアップ画面を作成することができます。「はい/いいえ」ボタンを表示する方式と、生年月日を入力フォームを表示する方式は、それぞれ紹介していきます。

年齢認証ポップアップの作成方法

また、年齢認証を行う画面を生成するツールがクラシックエディタのみに追加されるので、ポップアップ画面を編集するエディタに注意してください。

「はい/いいえ」ボタン

Age Verification Modals アドオンを使ってボタンで選択式の年齢確認を行うポップアップ画面を表示するには、次の手順で行います。

  1. ポップアップ画面の編集画面で、コンテンツ編集画面に [Popup Makerのショートカット] (下のイメージを参照)をクリックします。
  2. 表示されたメニューから [年齢確認フォーム] を選択します。
    年齢認証ポップアップの作成方法|「はい/いいえ」ボタン
  3. 表示された [年齢確認フォーム] 画面の [一般] > [タイプ] の一覧から [はい/いいえ] を選択します。
  4.  [外観] をクリックして表示された [フォームのレイアウト] や [フォームの配置] を変更します。
    年齢認証ポップアップの作成方法|「はい/いいえ」ボタン
  5. [ラベル] をクリックして、ポップアップ画面に表示されるボタンのテキストを変更します。
  6. [保存] ボタンをクリックします。
  7. エディター画面に2つのボタンが追加されます。
    年齢認証ポップアップの作成方法|「はい/いいえ」ボタン
  8. [ポップアップ設定] の [新しいトリガーを追加する] ボタンをクリックします。
    年齢認証ポップアップの作成方法|「はい/いいえ」ボタン
  9. 表示された [どのタイプのトリガーを追加しますか?] 画面で一覧から [年齢認証] を選択して [追加] ボタンをクリックします。
    年齢認証ポップアップの作成方法|「はい/いいえ」ボタン
  10. 表示された [年齢確認の設定] 画面で [追加] ボタンをクリックします。
    年齢認証ポップアップの作成方法|「はい/いいえ」ボタン
  11. 年齢認証のポップアップ画面を表示する投稿や固定ページの編集画面を開き、[ポップアップコントロール] から、[年齢認証] を選択します。
    年齢認証ポップアップの作成方法|「はい/いいえ」ボタン
  12. [更新] ボタンをクリックします。
  13. ページのプレビュー表示を行うと、年齢確認用のポップアップ画面が表示されます。
    年齢認証ポップアップの作成方法|「はい/いいえ」ボタン

生年月日入力フォーム

年齢確認を行う方法として生年月日を入力するポップアップ画面を表示するには、次の手順で行います。

  1. ポップアップ画面の編集画面で、コンテンツ編集画面に [Popup Makerのショートカット] (下のイメージを参照)をクリックします。
  2. 表示されたメニューから [年齢確認フォーム] を選択します。
    年齢認証ポップアップの作成方法|誕生日入力フォーム
  3. 表示された [年齢確認フォーム] 画面の [一般] > [タイプ] の一覧から [誕生日入力] を選択します。
  4.  [保存] ボタンをクリックします。
  5. エディター画面に生年月日を入力するフォームが追加されます。
    年齢認証ポップアップの作成方法|誕生日入力フォーム
  6. [ポップアップ設定] の [新しいトリガーを追加する] ボタンをクリックします。
    年齢認証ポップアップの作成方法|誕生日入力フォーム
  7. 表示された [どのタイプのトリガーを追加しますか?] 画面で一覧から [年齢認証] を選択して [追加] ボタンをクリックします。
    年齢認証ポップアップの作成方法|誕生日入力フォーム
  8. 表示された [年齢確認の設定] 画面で [追加] ボタンをクリックします。
    年齢認証ポップアップの作成方法|誕生日入力フォーム
  9. 年齢認証のポップアップ画面を表示する投稿や固定ページの編集画面を開き、[ポップアップコントロール] から、[年齢認証] を選択します。
    年齢認証ポップアップの作成方法|誕生日入力フォーム
  10. [更新] ボタンをクリックします。
  11. ページのプレビュー表示を行うと、年齢確認用のポップアップ画面が表示されます。
    年齢認証ポップアップの作成方法|誕生日入力フォーム

Cookieの設定や変更を繰り返すことで、ロックアウト機能(年齢認証に失敗したらアクセスを完全にブロックする機能)が不安定になる場合があります。

ポップアップ画面が表示されない場合や、コンテンツがロックアウト状態にならない場合には、ブラウザのキャッシュを削除するなどの操作をして、設定通りの動作を確認する必要があります。