*

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

おすすめトピックス

関連記事

線画に変換
写真や画像から綺麗なベクター線画に変換してくれるツールが便利

「この画像から線画にできる?」 この前そんな事を言われました。その画像とはある物の設計図のようなものでした。線画に出来るか?と問われれば出来ます。Adobe Illustrator で縁をなぞって線を書けばいいわけです。 […]

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

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

動画からアニメーションgifへ自動で変換してくれるフリーソフト「動画GIF変換」

gif と言えば透過に対応した画像形式の一つですが、gif はアニメーションにも対応しています。ただの画像でありながらパラパラ漫画の要領で動く画像が作れるわけです。アニメーション gif はインターネット上で動画が普及し […]

Yahooショッピング及びヤフオクが常時SSL化へ。やるべき対応は?

Yahoo!ショッピングとヤフオクに限らず、Yahoo の全サービスが2017年3月までに常時 SSL 化されます。Yahoo 全体でSSL暗号化通信を行い利用者側にとっても安全でセキュアに Yahoo のサービスを利用 […]

楽天商品ページに複数の買い物かごボタンを設置する方法

今日は楽天ショップの商品ページについてのお話です。 これからAという商品を商品ページに載せるとします。そのAという商品には多数のオプション品があり、合わせてオプション品もたくさん売りたいという場合結構頭を悩ます問題だった […]

カートフォント
商用無料!様々なショッピングカートのデザインが揃っているフリーフォント

インターネットショッピングのサイトを作るなら必ず必要な「買い物カゴボタン」。お客様が商品を注文するために必要なボタンです。よく買い物かごに入れるという文字とともにショッピングカートのアイコンがあしらわれたボタンがよく使わ […]

著者について

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

フォローはこちら

       

       
Illustratorでテキストをアウトライン化できない時に確認すること

Illustrator を使って印刷物などを作っている人ならテ

Gmailのエラー「Gmail requires one or more Google Play services that are not currently avaiable.」で開けない

あるいつもどおりの朝、スマートフォンで Gmail を開こうと

Amazonで自分の書いたレビューを一覧で確認する方法

世界的に最大級の通販サイト Amazon。私もよく使います。利

大垣カフェ「カフェ飯屋ピーナッツ」暖かく自然派なお食事が美味しいアットホームな場所でした

岐阜県大垣市の市民病院近くにオープンした「カフェ飯屋ピーナッツ

Illustratorで矢印に綺麗に境界線を付ける方法

Photoshop では矢印でも文字でも綺麗に境界線をつけるレ

→もっと見る