Shopifyのバナー切り替えを自動化 – タイマー機能を追加事例
開発前の課題:キャンペーン開始時に手動でバナーを切り替える必要があった
A社では、Shopifyを用いてECサイト上でキャンペーンやイベントに合わせたバナーを掲載していました。
しかし、キャンペーン開始時に、担当者が管理画面からバナーを手動で表示する必要があり、開始時間が深夜や早朝の場合でも対応しなければならないという課題がありました。
キャンペーンの開始日時は事前に決まっていることが多いため、「あらかじめ日時を設定して、自動でバナーを表示できるようにしたい」というご要望をいただきました。
お客様のご要望:指定した日時に自動でバナーを表示したい
お客様からは、以下のようなご要望をいただきました。
- バナーごとに表示開始日時を設定したい
- 深夜や早朝に従業員が手動で切り替える作業をなくしたい
- キャンペーン終了後はバナーを非表示設定できるようにしたい
これにより、キャンペーンの開始・終了に合わせたバナーの切り替えを自動化し、担当者の負担を軽減したいというのが大きな目的でした。
オートプロジェクトの開発対応:バナーの表示期間を自動管理できるタイマー機能を追加
当社では、上記の課題を解決するため、バナーに表示開始日時と表示期限を設定できるタイマー機能を追加しました。
バナーごとに表示期間を設定
管理画面から、バナーを表示開始日時と終了日時を事前に設定できるようにしました。
これにより、「○月○日0時からキャンペーンバナーを表示する」といった設定を、事前に準備しておくことが可能です。
指定した日時に自動でバナーを表示
設定した開始日時になると、対象のバナーが自動でサイト上に表示される仕組みを実装しました。
これまで担当者が時間に合わせて手動で切り替えていた作業が不要になり、深夜や早朝のキャンペーン開始にも対応できるようになりました。
表示期限を過ぎると自動で非表示に
バナーには表示期限も設定できるため、キャンペーン終了後も自動で非表示にすることが可能です。
これにより、終了したキャンペーンのバナーが表示され続けてしまうといったミスも防ぐことができます。
今回のタイマー機能追加により、キャンペーンの開始日時や終了日時が事前に決まっていれば、あらかじめバナーの設定を済ませておくことが可能になりました。
そのため、開始時間に合わせて従業員が出勤したり、深夜にバナーを切り替えたりする必要がなくなり、キャンペーン運用の効率化につながっています。

EC用公式アカウント