*

Yahoo!ショッピング5のつく日だけ自動でバナーを切り替えてキャンペーンに誘導する

公開日: : 最終更新日:2016/04/16 ネットショップ

5のつく日キャンペーン

Yahoo!ショッピングでは5のつく日キャンペーンを継続的に実施しています。すなわち毎月5日、15日、25日にキャンペーンにエントリーして Yahoo!ショッピングで買い物をすると誰でもTポイントが5倍となるキャンペーンです。楽天も同様のキャンペーンがありますが条件が色々あってややこしく、Yahoo!ショッピングは実にシンプルです。5のつく日であればTポイントがたんまり貯まりますよ。

ただしこのキャンペーンも知らなければ活用する事ができません。お客様があなたのショップに訪れても知らずにそのまま買い物をしてしまうかもしれません。

そこで、5のつく日だけキャンペーンに誘導するバナーを表示するという施策はいかがでしょうか。

5のつく日に自動でバナーを表示して誘導

5のつく日キャンペーンはエントリーしなければTポイントが5倍になる事はありません。そこでウェブサイト上で5のつく日にはキャンペーンバナーを貼ってお知らせする事が有効です。しかし、5のつく日だけバナーを貼付けようとすると貼り忘れや外し忘れが発生します。そしてキャンペーン対象時間は0時から23時59分までなので、その時刻にバナーを貼ったり外したりする事は現実的ではありません。

じゃあ、これを自動でやっちゃいましょう。JavaScript であれば簡単に実装する事ができます。

<script type="text/javascript">
	var d = new Date();
	var day = d.getDate();
	if(day == 5 || day == 15 || day == 25){
		document.write('5のつく日キャンペーンのバナー');	
	}else{
		document.write('平常時のバナー');	
	}
</script>

仕組みは単純です。本日の日付を取得して、5日か15日か25日だけに5のつく日キャンペーンへ誘導する為のバナーとリンクを設置し、それ以外の日には平常時のバナーを表示します。

これで貼り忘れや外し忘れを防ぐことができます。

商品ページで表示するには

JavaScript はトリプルを利用したトップページでは利用する事ができますが、それ以外の商品ページなどでは利用する事ができません。

※トリプルとはYahoo!ショッピング出店者向けの有料サーバースペースのこと。

しかし、ある手法で商品ページでも上で紹介した自動バナー切り替えの JavaScript を利用する事が可能です。

それは、インラインフレームを利用する方法です。先ほど紹介した JavaScript を記載した html ファイルをトリプルのサーバースペースにアップロードし、下記のタグのようなインラインフレームで読み込みます。

<iframe src="トリプルにアップロードしたURL" frameborder="0" width="幅" height="高さ"></iframe>

これで JavaScript が利用できない商品ページなどでも利用可能です。

関連記事

Yahooショッピングのトリプルページを手っ取り早くスマホ対応に
Yahoo!ショッピングにショップを出店している方で、jquery や CSS が自由に使えてデザインができる「トリプル」を契約していらっしゃる方も多いと思います。しかし、
  • Pocket

おすすめトピックス

関連記事

ボタン
Photoshop不要!ボタン素材を自動生成してくれるButton Makerの使い方

Web 上にはボタンというものが至る所に存在しています。検索ボタン、閉じるボタン、送信ボタン、クリアボタン、これらは Web 上でよく見られるボタンです。 このボタン画像は一見簡単に見えて地味に手間がかかるんですよね。C […]

画像ダウンロード
楽天R-Cabinetの画像をURLから一括でダウンロードする方法

楽天市場の商品ページにある商品画像や説明画像は、楽天 RMS の R-Cabinet にアップロードします。しかし、この R-Cabinet。画像ファイルの一括アップロード機能は用意されていても、一括ダウンロード機能は提 […]

初心者でも簡単、Photoshopでバナーのボタンを簡単に作成できる作り方

Photoshop で簡単にバナー画像などに付けるボタンの作成方法を紹介します。Web 制作や EC ショップ運営をされている方なら作成する機会も多い事でしょう。Photoshop でボタン作成は難しく感じますが、知って […]

Yahoo×CSS
Yahoo!ショッピングの商品ページで外部CSSを使用する方法

Yahoo!ショッピングで出店されているショップ運営者さんもたくさんいらっしゃると思います。 Yahoo!ショッピングといえば、商品ページで使えるタグが制限されていたり、文字数も制限され、外部スタイルシートも使えずデザイ […]

カレンダー
ネットショップの営業日カレンダーを自動更新にして手間を省く

ネットショップと言えば必ずと言っていいほどありますよね。休業日と営業日をお客様に知らせる為の営業日カレンダー。お店によって実装方法は様々です。カレンダーは画像であったり、table タグでカレンダーを html で直打ち […]

iphone
Yahooショッピングのトリプルページを手っ取り早くスマホ対応に

Yahoo!ショッピングにショップを出店している方で、jquery や CSS が自由に使えてデザインができる「トリプル」を契約していらっしゃる方も多いと思います。しかし、トリプルで普通に PC 用のトップページを作った […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
JA士幌町のスイートコーンとミルクの味わい「北海道のこだわりプリン」

士幌町の北海道のこだわりプリンをいただいて、とても美味しかった

Photoshopで写真の黄ばみや赤みを補正し抑える方法

デジカメで撮った写真が思ったより黄色かったという経験はありませ

簡単にPCのデスクトップキャプチャーができるソフト「FonePaw PC画面録画」のレビュー

パソコンの画面を録画するにはどうすればいいの? ウ

ホンダ純正Gathersドライブレコーダーでブザーが止まらない時の対処方法

近年煽り運転のニュースが世間を賑わせている中、ドライブレコーダ

Youtubeの動画でアンケートに回答するにはどうやるの?

いわゆる動画サイトには視聴者の方に意見を問うアンケート機能とい

→もっと見る