*

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でバナーのボタンを簡単に作成できる作り方

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

ミニパソコン
売りたい商品のアピールは第一印象が重要である

ネットショップで商品を売りたいならまずは商品登録して各ショッピングモールへ出品します。今の時代、出品しただけでは売れません。 どこのショップでもいかに自分の商品を売るか考えられ実践されています。商品を売るために商品ページ […]

陳列された商品
【ネットショップ】商品が売れなくなってきた?それは当たり前です。

ネットショップで商品を出品していて、売上がだんだん伸び悩み落ちていく事に悩まれている方もいらっしゃると思います。もし何も施策を打っていないのであれば、それは当たり前です。 何もしなければ大概商品の売上は伸び悩んでいくもの […]

Amazonの商品説明文に画像を載せられるようになりました「商品紹介コンテンツ」

Amazon の商品ページを想像してみてください。商品画像に商品説明がリストで列挙されている程度で実にシンプルですよね。楽天など他ショッピングモールと比べて商品アピール具合が大人しいと思いませんか? その理由は Amaz […]

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

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

画像上書きの反映は遅いが一瞬で反映させる代替策はある【楽天ショップ】

楽天ショップを運営している人なら一度は頭を悩まされた事はあるでしょう。楽天の商品画像、すなわち楽天 RMS にアップロードした画像・楽天 GOLD スペースにアップロードした画像を上書きして差し替える場合、画像の反映処理 […]

著者について

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

フォローはこちら

       

       
Premiere Elementsで動画の一部を切り抜きトリミングする方法

せっかく動画を撮影したけど、肝心な部分は動画の中央部分だけでま

北海道チーズおかき
チーズの旨味が超濃厚!YOSHIMIの「北海道チーズおかき」

北海道に本社を置き、レストラン事業や製菓事業を行っている YO

無効なURLです。
エックスサーバーへ移転時にデータベースをインポートしたら「無効なURLです。」

高速で安定度の高いと評判のエックスサーバーへサイトの移転を行い

CSSの擬似クラスnth-childは3の倍数以外というような否定条件も可能

CSS において偶数の要素だけ、奇数の要素だけ、何番目の要素だ

北のちーずボー
北海道産チーズのスティックケーキ「北のちーずボー」

新千歳空港のお土産店で販売されていた「北のちーずボー」を買って

→もっと見る