左右サイドバー追従バナー管理プラグインPro(効果測定対応)

「サイドバーバナー管理プラグイン Pro」は、EC-CUBEの画面左右両端・サイドバーにバナーを自在に配信制御し、表示回数・クリック数・CTR(クリック率)のリアルタイム集計、GA4/GTM連携、CSVエクスポートを可能にする商用向け広告配信・コンバージョン改善ソリューションです。

▼ こんなお悩み・ご要望はありませんか?

• サイドバーにバナーを設置したいが、テーマのメインコンテンツ幅が縮小されてレイアウトが崩れてしまう
• どのバナーが何回見られ、何回クリックされたのか効果測定(CTR計測)ができていない
• 長尺ページでも離脱を防ぎ、スクロールしても常に画面上部にバナーを固定表示(追従)させたい
• 「全ページ」にバナーを出すためだけに、数十ページある全レイアウトブロックを手作業で編集するのが大変
• 「会員限定セール」や「新規会員登録クーポン」を、会員/非会員で出し分けたい
• Google AdSense やアフィリエイト広告タグをサイドバーに直接配信したい

👉 本プラグインを導入するだけで、これらすべての課題をワンストップで解決できます!

━━━━━━━━━━━━━━━━━━━━━━━━━━
■ 本プラグインが選ばれる 8つの理由
━━━━━━━━━━━━━━━━━━━━━━━━━━

【1】自由度の高いバナー配信(画像 & HTML/広告タグ対応)

• 画像バナー:JPEG / PNG / GIF / WebP(最大5MB)に対応。リンク先URLや別タブ開き(target="_blank")も柔軟に設定可能。
• HTML / スクリプトバナー:Google AdSense、アフィリエイト広告タグ(A8.net、ValueCommerce等)、iframeなどの外部タグをそのまま埋め込み配信可能。

【2】スクロール追従(固定表示)と通常配置の両立

• スクロール追従あり:画面スクロール時に画面上部に常時固定表示され、長尺ページでも高い視認性とクリック率を維持します。
• スクロール追従なし:ページ上部に配置され、コンテンツと一緒に自然に流れます。
• 左右それぞれで追従バナーと通常バナーを個別に混在設定可能です。

【3】高度なターゲティング配信(Pro機能)

• ページターゲティング:「全ページ」「TOPページのみ」「商品関連ページ(一覧・詳細)のみ」の絞り込み配信に対応。
• ユーザーターゲティング:「すべての訪問者」「会員限定(ログイン中のみ)」「非会員限定(未ログインのみ)」に対応。会員ランク施策や新規獲得キャンペーンの出し分けに最適です。

【4】リアルタイム効果測定 & ワンクリックCSVエクスポート

• 表示回数、クリック数、CTR(クリック率%)を完全自動集計。バナーごとのA/Bテストや効果検証を管理画面で即座に確認できます。
• Excel用CSVエクスポート機能(UTF-8 BOM対応)を搭載。Windows / Mac の Excel で文字化けすることなく、ワンクリックで分析データをダウンロード可能です。
• キャンペーン切り替え時に便利な「統計リセット機能」も完備。

【5】GA4 & Google Tag Manager(GTM)イベント自動連携

• バナーがクリックされた際、GA4推奨イベント(select_promotion)およびGTMの dataLayer へバナーID・バナー名・配置位置のパラメータを自動送信します。

【6】レイアウト崩れを自動修復

• EC-CUBEのサイドバーブロック(#side_left / #side_right)にバナーを配置した際、テーマ側のCSSによってメインコンテンツ幅が50%〜75%に圧縮されてしまう問題を自動解消。メインコンテンツ幅100%全幅を自動維持します。

【7】全ページ自動配信フックポイント

• レイアウト管理でブロックが未配置の下層ページ(マイページ、カート、静的ページなど)であっても、「全ページ」対象バナーはフックポイント経由で自動レンダリングされます。ブロックを手作業で配置して回る手間がゼロになります。

【8】完全テーマ非依存 & セキュアクリーン設計

• 外部CSSフレームワークやテーマ標準クラスに一切依存しない自立型独自BEMクラス設計を採用。
• インラインCSSを完全排除し、既存テーマのCSSルールを無理に上書きしない安全な共存設計です。
• 画面幅 769px 以下のスマートフォンでは自動で非表示化され、モバイルの操作性やSEO評価を損ないません。

バナーの配信状況や効果測定結果をリアルタイムに把握できる、直感的で洗練された管理画面を提供します。

■ リアルタイム効果測定(CTR自動算出)
バナーごとに表示回数・クリック数・CTR(クリック率%)を自動集計してリアルタイム表示。上部には全体の総表示回数や平均CTRのサマリーも表示され、どの広告・バナーの反応が良いかを一目で比較・分析できます。キャンペーン切り替え時に便利な「リセット」ボタンも完備しています。

■ ワンクリックCSVエクスポート(Excel文字化け防止)
「CSVダウンロード」ボタンから、登録データおよび配信実績を一括出力可能。UTF-8 BOM付きのため、WindowsやMacのExcelでそのまま開いても文字化けせず、月次レポート作成や広告主への報告もスムーズです。

■ 業務効率を高める直感的な操作性

• ドラッグ&ドロップ並び替え:左端のアイコンを上下につかんで動かすだけで、バナーの優先表示順序を直感的に変更・自動保存。
• ワンクリック複製&公開切替:既存バナーをワンクリックで複製してA/Bテストを開始したり、即座に公開/非表示を切り替え可能。
• ステータスが一目でわかるバッジ表示:左右配置、固定追従、配信対象(PC/全端末、URL)、画像/HTMLバナーの種別が色分けバッジで一目瞭然。

バナーごとにターゲット層や配信条件を細かく設定でき、狙ったユーザーへ的確にアプローチできる高機能な登録・編集画面です。

■ 2つのバナータイプ(画像 & 外部広告タグ)
画像バナーのアップロードだけでなく、Google AdSense やアフィリエイト広告タグ(A8.net、ValueCommerceなど)をそのまま埋め込めるHTML/スクリプトバナーにも対応。左右のサイドバーを有効な収益化スペースとして活用できます。

■ 高度な配信ターゲティング & スクロール追従

• ページ指定:「全ページに表示」「TOPページのみ」「商品一覧・詳細ページのみ」など、プロモーション内容に合わせて配信先を絞り込み可能。
• ユーザー指定:「すべての訪問者」に加え、「会員限定(ログイン時のみ)」「非会員限定(未ログインのみ)」に対応。新規登録促進やリピート施策の出し分けが簡単に行えます。
• スクロール追従チェック:チェックを入れるだけで、スクロール時にも画面上部に固定追従。長尺コンテンツでも常にユーザーの視界に入り、高いCTRを実現します。

■ スケジュール配信 & GA4 / GTM コード連携

• 掲載期間タイマー:開始・終了日時を分単位で設定可能。セールやキャンペーンの自動切り替えに対応し、手動でのオン/オフ作業が不要になります。
• ワンクリック計測コード挿入:GA4推奨イベント(select_promotion)や GTM dataLayer、Google 広告コンバージョンタグなどのスニペットを、ボタン一つで簡単にテンプレート挿入できます。

PC・大画面タブレットの画面左右余白を最大限に活用し、ショップのメインデザインを損なうことなく自然にプロモーションを展開できます。

■ 画像バナー & HTMLバナーの左右同時配信
画像バナー(左側)とクーポン等のHTMLバナー(右側)のように、左右で異なる形式のバナーを同時に配信可能。重要なお知らせや期間限定セール情報を、常にユーザーの視野に入る位置へアピールできます。

■ メインコンテンツ幅を自動復元(レイアウト崩れゼロ)
従来のEC-CUBEでは、サイドバーにブロックを配置するとメインの商品エリアやコンテンツ幅が無理に縮小されてデザインが崩れる問題がありました。
本プラグインは「レイアウト自動復元機能」を搭載しているため、バナーは左右両端に美しくフローティング配置され、メインコンテンツ幅は100%全幅を維持します。デザイン調整のためのCSSカスタマイズ費用や手間は一切不要です。

■ ユーザー体験(UX)とレスポンシブへの配慮

• スマホ画面での自動非表示:画面幅769px以下のスマートフォン環境では自動的に非表示化されるため、モバイルの表示や操作性を邪魔しません。
• 閉じる状態のセッション記憶:訪問者がバナーを閉じた場合、そのセッション中は非表示状態を保持し、快適な閲覧環境を保ちます。