ナレッジベース

Page Builder Sandwich のポップアップ、スライドイン、バー

ブロックを使用してポップアップ、スライドイン、バーをデザインし、読み込み時、一定時間後、スクロール時、離脱意図の検知時、またはクリック時に、ご希望の頻度で表示します。

Page Builder Sandwich Pro は、ページと同じブロックを使用してポップアップ、スライドイン、バーを作成し、指定したタイミングと場所で表示します。

ポップアップの作成

Page Builder Sandwich → ポップアップ → ポップアップを追加を開き、ブロックを使ってデザインします。
ポップアップ設定パネルで種類を選択します。画面中央のポップアップ (背面のページは暗くなります)、隅のスライドイン、または上部か下部のバーから選択してください。
表示するタイミングを選択します。ページの読み込み時、一定時間経過後、訪問者がページの一部をスクロールした後、離脱しようとした時 (スマートフォンの場合: 閲覧後に素早く上にスクロールした時)、または指定した CSS セレクターを持つ要素がクリックされた時などです。
表示の頻度を選択します。ページビューごと、1回の訪問につき1回、数日に1回、または訪問者がコンバージョンを達成するまでの中から選択してください。
表示する場所を選択します。すべてのページ、フロントページ、特定のページや特定のコンテンツタイプ、および対象とするデバイスを指定してください。
ポップアップを公開します。

ポップアップ内のボタン

#popup-closeへのボタンまたはリンクは、ポップアップを閉じます。
#popup-convertへのボタンまたはリンクは、コンバージョンとしてカウントし (これにより「訪問者がコンバージョンを達成するまで」に設定されたポップアップは表示されなくなります)、ポップアップを閉じます。コンバージョントラッキングが有効になっている場合は、アナリティクスにもpopup_conversionとして送信されます。

アクセシブルで軽量

ポップアップにはブラウザ標準のダイアログが使用されます。開いているポップアップ内にキーボードフォーカスが留まり、Escapeキーで閉じることができ、閉じるまで背面のページは操作できません。ポップアップの対象となっていないページではポップアップのコードが一切読み込まれず、デバイスで視覚効果の削減を設定している訪問者にはアニメーションが表示されません。