*

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

おすすめトピックス

関連記事

スマホ対応
早くネットショップのスマホ対応を!非対応サイトは誰も来なくなりそう

最近スマートフォンでの google 検索結果の画面が変わりました。スマートフォンに対応しているサイトは「スマホ対応」という文字が表示されています。google がこのサイトはスマートフォンで快適に閲覧できますよ~と太鼓 […]

ポスト
どう違うの?ゆうメールとゆうパケットの違い

荷物を送るための郵便局のサービスも多種多様なものがあり、種類が多くてどれがどう違うのかもわからなくなる事もあると思います。今回はゆうメールとゆうパケットの違いについてまとめたいと思います。 目次1 ゆうメールとは1.1 […]

楽天ショップで売り切れ商品が入荷したら通知する機能があります

(また売り切れか…) 楽天ショップで買い物している時、凄く購買意欲をそそらせる良い商品に巡りあう事もあるでしょう。商品説明や画像を見ながらショッピングカートまで進むと目当ての商品が売り切れとなっていた時のショックは大きい […]

楽天商品ページに背景
楽天の全商品ページに背景を付ける方法

楽天の商品ページに訪れると、画面の端に縦長の帯状画像が付いている事があります。そのショップのイベント告知であったり、○円以上お買上げで送料無料だとか、季節感を演出したり用途は様々です。 イメージとしては下図のようなもので […]

スマートフォン操作
楽天スマホ商品ページの画像制限が緩和!3枚から10枚までへ

楽天でインターネットショップを運営されている方に朗報です。かつては楽天のスマートフォン用商品ページには画像は3枚まで(高さは1200pxまで)という画像制限がありました。ようやく重い腰を上げてこの画像制限が2016年より […]

アップロード
楽天R-Cabinetに画像を一括でアップロードする方法

楽天 R-Cabinet の画像を URL から一括でダウンロードする方法については以下の記事で紹介しました。 楽天R-Cabinetの画像をURLから一括でダウンロードする方法 もう一つわかりにくいのは、楽天 R-Ca […]

著者について

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

フォローはこちら

       

       
Flash享年24歳、2020年に完全終了!Flashゲームの行先と代替方法は?

Adobe、2020年末でFlashのサポートを終了と発表 |

ログアウト
Googleアカウントのログアウト後も残るメールアドレスの消し方【ブラウザ別対処】

Google アカウントは今や多くの方が利用されていると思いま

わらび餅入り黒蜜かき氷
長浜市の和菓子屋さんが作る和風かき氷「ちゃらく」のわらび餅入り黒蜜かき氷

滋賀県長浜市ではかき氷専門店はありませんし本格かき氷を提供して

Premiere Elementsで動画の明るさや色調コントラストを補正する方法

写真の明るさや色調を補正する方法なら馴染みのある方法で Pho

ラジオのおすすめ音楽番組は「坂本美雨のディアフレンズ」

テレビの音楽番組は次々と終了して激減していますが、ラジオではま

→もっと見る