ページのイメージ
WEB開発 2018/09/24

jQueryでcookieを操作してスタンプラリーを作ってみよう

  •  
  • このエントリーをはてなブックマークに追加

一時的に保存したい情報など、cookieを使うと便利です。

jQueryのプラグイン「 jquery-cookie 」を使うことで簡単に操作することができます。

基本的には下記4つのことをしています。

(1)jQueryとjquery-cookieを読み込む

(2)cookieを取得

(3)cookieの内容と照合し判定

(4)cookieへ保存

サンプルコード:cookieでスタンプラリーを作ってみる

まとめ

 サンプルコードは簡易的なものなのでスタンプラリー感は弱いと思いますが、

スタンプボタンをサイト内にあちこち設置することでスタンプラリーとして楽しめるものになると思います。

cookieに保存する期間を設定することもできるので、制限時間を設けてみても面白いですね。

「条件をクリアしたらプレゼント応募ができる」などのキャンペーンもできるんじゃないでしょうか。

ちょっとしたゲームが作れそうです。

 

さて、スタンプラリーといえば弊社の「まちぽスタンプ」というスマホアプリはご存知でしょうか?

こちらはcookieではないですが静岡のいろんな場所を巡る企画がいっぱいのアプリとなっております。

今年の9月29日(土)30日(日)に開催する「マルシェフ」というグルメイベントでも

まちぽスタンプの企画がありますのでぜひご参加ください。


しずおかオンライン中途採用社員も、積極募集中!
「womo」「イエタテ」のスタッフとして、地域の魅力を伝える仕事です。
くわしくはこちら!

Category

Ranking