*

時限(カウントダウン)タイマーを設置したい

この記事は約3分で読むことができます。

楽天でショッピング中に見かけた、この100分の1秒単位でカウントダウン(キッチンタイマー?)するバナー。この急かされ感はいい感じなので、ぜひ、ショップサーブのお店に取り入れたいと思い調べてみた!

これ系は、基本、JavascriptかJqueryでしょう。その辺を探ってみれば簡単に見つかると思いきや、秒単位のカウントダウンはたくさんあるけど、100分の1秒まで対応したサンプルコードを見つけるのにちょっと苦戦しました。

でも、とりあえずJavascriptで使えそうなのを発見したのご紹介。

http://javascript123.seesaa.net/s/article/102586838.html

このサンプルは2015年1月までのカウントダウンなので既に終了。

year=2015; //年
mon=1; //月
day=1; //日
time=0; //時

この部分を変更すればバッチリですね。

とりあえず、サンプルをそのままお借りして2016年12月31日までのカウントダウンを設定してみました。


http://netshop7.com/sakusei/timer.html

というHTMLファイルを別で作成して、インラインフレーム(iframe(小窓))で呼び出しています。ショップサーブの場合、ページ毎にHEAD内を編集できないので、インラインフレームが一番取り入れやすいと思われます。

楽天のお店は、950px✕285pxという大きなバナーに見えてますが、このバナー(に見える)ページを作成して、それをインラインフレームで商品ページに埋め込んでいる感じです。カウンタータイマーは、そのHTMLにjavascriptで表示させていました。(タイマーのjavascriptは楽天ユーザーが使えるもの)

タイムセールで売り上げよう。

ちなみに、ヤフーストアで、こういったJavaScriptを使うには、トリプルというオプションを申しこまないといけないんですよね~。300Mで月3000円、10Gで月額5000円です。JS以外CSSなども使えるんですが、それだけのためにこの金額の意味がわからないですね。

それなら、カラー・ミーショップ・プロショップサーブで自社サイト立ち上げたほうが良くね?


Adsense

関連記事

welcart

wordpressのネットショプ用のプラグインwelcartをインストールしてみた結果…

以前から気になっていたワードプレスをネットショップにカスタマイズするプラグイン「welcart」をイ

記事を読む

no image

ネットショップの成長戦略は人次第

ショップ運営が、ある程度軌道に乗ったとき、「さらに成長させたい。」と思う創業社長も多いと思います。そ

記事を読む

パクリ

ホームページ デザインのパクりは罪?

なかなか微妙なテーマです。 極端な例として、ブランドバッグや腕時計の正規品を販売するネットショ

記事を読む

お断り

お断りメールテンプレート

お問い合わせ:「仕入れ先教えてください。」 当店:「いやじゃ。ボケ。」 本質的には、このよう

記事を読む

ミレニアルズ

今後の経済活動の中心はミレニアル世代

ネット販売も、「消費者の世代」とか考えないといけない時代なんですね。今後、高齢化社会というのは明らか

記事を読む

サイドナビ

yahoo! shopping サイドナビの編集

動画付き解説版できました~ デザイン設定で、「とりあえずお店らしく」と考えた場合、ヘッダー

記事を読む

SSL引っ越し注意

共用SSLの使い方にちょっと注意

個人情報などを送信するページはSSL(暗号化通信)を使うのが常識。でも、独自SSLを買うのはもったい

記事を読む

売れない対策

「ショップサーブ売れない」と嘆く前にやるべき3つの対策

ショップサーブは、本格的なネットショッピングサイトを作るには優れたツールだと思います。いろいろな機能

記事を読む

モバイルフレンドリー化への道は近い?

モバイルフレンドリーとは、簡単に言えば「スマホで見やすいページ」のことです。 ブログ以外のペー

記事を読む

ターゲットの必要性

ターゲットを決める必要性や重要性

「この製品のターゲットは男性」という考え方でいけた時代もあったようですが、男性にもいろいろあるので、

記事を読む

Adsense

Adsense

ショップサーブがレスポンシブ・デザインに対応していない常識的な3つのワケ

レスポンシブWEBデザインとは、1つのページを作るだけで「PC

B2B
BtoBビジネス入門エッセイ「もっと儲かりまっせ」

もっと儲かりまっせ。 15年近く前の本です。ドッグイヤー

ショップサーブ・CSSカスタマイズ
最初にやっておきたい、ショップサーブ・スマホサイトCSS基本カスタマイズ5ヶ所

ショップサーブのスマホ・テンプレートですが、個人的にはイマイチ・・

park終了
9月30日Eストアー「park.jp終了」の裏事情!?と通販サイトの二極化

ショップサーブにとっては、棚ボタ的な広告サービスだったEストア

商品写真
商品のメイン写真にはベネフィットのベストポイント・イメージを

「バナーを作らねば・・」ということがあって、度々参考にするショップサー

→もっと見る

PAGE TOP ↑