管理画面から作成・管理できるポップアップ表示プラグイン

📖

マニュアル・設定方法

➔

管理画面から簡単にショップのフロントにポップアップ(モーダル)を表示・管理できるプラグインです。

■ 主な機能

• 複数ポップアップ管理:複数のポップアップを登録し、ドラッグ&ドロップで優先順位を設定
• デザイン選択:テキストのみ・画像のみ・画像+テキストの3種類に対応
• サイズ選択:小(400px)・中(560px)・大(800px)・全幅の4段階から選択可能
• 画像トリミング:アップロード時にその場でトリミング(Cropper.js対応)
• 高機能エディタ:Summernoteによるリッチテキスト入力(HTML直接編集も可能)
• ポップアップ複製:既存ポップアップをワンクリックで複製して効率よく管理

■ 表示条件の細かな制御

• 表示する画面(トップ・商品一覧・商品詳細など複数選択可)
• 対象デバイス:すべて / PCのみ / スマートフォンのみ
• 対象顧客:すべて / ゲスト(未ログイン)のみ / 会員(ログイン済み)のみ
• 対象カート状態:すべて / カートが空の時 / カートに商品がある時
• 特定URLパス・除外パス(アスタリスク * ワイルドカード対応)
• 表示期間(開始・終了日時)の設定

■ 表示トリガー・頻度

• ディレイ(X秒後に表示)・スクロール(X%スクロールで表示)・Exit Intent(離脱検知)
• 表示頻度:毎回 / セッション内1回 / 1日1回
• 「今後表示しない」チェックボックス機能(有効期間カスタマイズ可)

■ 分析・連携

• 内部統計:表示回数・クリック数・CTR(クリック率)をリアルタイム確認
• Google Analytics 4 連携:表示・クリック時に GA4 へカスタムイベントを自動送信

■ その他

• ライブプレビュー:保存前に表示イメージをリアルタイム確認
• 公開ステータスのワンクリック切り替え
• テーマ非依存のCSS設計(利用中テーマに影響なし)
• リダイレクト設定(閉じた際の遷移先URL)

■ 基本設定・デザイン設定

管理画面から簡単にポップアップの公開状態やデザイン、モーダルサイズを細かくカスタマイズできます。

• 公開・非公開切り替え:一時的なキャンペーンの配信停止や準備中のポップアップも即座に制御可能。
• タイトル:ポップアップのヘッダー部分に表示するタイトルを設定できます(任意)。
• 3種のデザインタイプ:「テキストのみ」「画像のみ」「画像とテキスト」から用途に合わせて選択。
• 4段階のサイズ選択:「小(400px)」「中(560px)」「大(800px)」「全幅(92%)」からコンテンツに最適化された横幅を指定できます。

■ 表示条件設定・リダイレクト・GA4連携設定

ポップアップの表示対象ターゲット、配信タイミング、閉じた際の挙動、アクセス解析連携を詳細に設定できます。

• 表示する画面(ルート選択):トップ、商品一覧、商品詳細、カート、購入手続きなど、表示したい画面をチェックボックスで複数選択可能。
• 特定の表示パス&除外パス:ワイルドカード(*)に対応。特定のURL(例: 「/products/detail/10*」)や除外URL(例: 「/shopping/*」)を任意に指定できます。
• 表示期間&表示頻度:日時指定による期間限定配信、「毎回」「セッション1回」「1日1回」の頻度制御に対応。
• 「今後表示しない」設定:ユーザーがチェックを入れると一定期間(Cookie)再表示を抑止する機能のON/OFF。
• 対象端末・顧客・カート状態:「PC/スマホ」「ゲスト/会員」「カート空/商品あり」といった属性別の出し分けが可能。
• 表示トリガー:ディレイ(X秒後)、スクロール到達率(X%)、Exit Intent(PC離脱検知)の3種から配信タイミングを設定。
• リダイレクト設定:ポップアップを閉じた際(×・背景クリック・ESC)に指定URLへ自動遷移させるかを選択できます。
• GA4イベントトラッキング:有効にすることで、ポップアップ表示・クリック時にGoogle Analytics 4へイベントを自動送信。
• プレビュー機能:画面下の「プレビュー」ボタンで、保存前に実際の表示状態をダイアログでリアルタイム確認できます。

【不具合修正・互換性向上】
・EC-CUBE / Symfony環境において `$container` サービスが正しく自動注入（autowire）されない不具合を修正しました。
・`Psr\Container\ContainerInterface` エイリアスの追加およびサービス定義を最適化し、プラグインの動作安定性を向上させました。