シリコンバレーのマーケター日記

東京、シンガポールを経てシリコンバレーで働く、マーケター。英語、プログラミング、データ分析は次世代マーケターの必須スキルだと信じて進む。

jqueryでcookieを扱う

明けましておめでとうございます。

2週間の帰省からシンガポールに戻ってきました。外資系は、クリスマス前からがっつり休暇を取る分、年始はすぐに仕事モードとなり1月はとても慌ただしいです。忙しくなる要因は、1)予算配分と2)成績評価です。

1)予算配分

2016年のアジア地域のプライオリティと各国のマーケティングプランを基に予算を配分していきます。各チームが予算を取り合うのでしっかりとしたロジックが必要になります。私もデジタルマーケティング予算の配分をしていますが、TVなどのトラディショナルメディアと異なり、キャンペーンのパフォーマンスを見ながらいつでも予算再配分ができてしまうので、あまりガチガチに分配すると全体最適ができなくなります。

基本的なロジックは、昨年の国別、用途別の割合を基に、ざっくり配分しています。

2)成績評価

2015年の成績評価を360度で行うのですが、360度評価のデメリットとして、部下だけでなく、上司、同僚と沢山の人の評価をしなくてはいけません。またマーケティングの場合、KPIが明確でない場合もあるので、ひたすら英作文でした。

 

11月は統計の復習をしていましたが、12月は日本出張、正月帰省と、日本にいる期間が長かったので、勉強から遠ざかってしまいました。習慣を戻さなければ。

先輩、同僚、大学の親友、日本にいる嫁、家族など沢山の人とcatch upできて、みんな頑張りながらも踠いているんだなぁ。と、しっかり自分を見失わないで一歩一歩前進しなければーと改めて思いました。

 

さて、今日は仕事でcookieの扱いについて少し議論があったので、cookieについて。

 

やりたいこと:cookieをブラウザに付与して、付与したcookieを引っ張って表示する

Step.0:cookieを理解する

以下は、私の使っているChromeブラウザの詳細設定から、自分のブラウザに記録されているクッキーを確認しています。例えば、500startups.comというサイトに1月8日に訪問しており、そのときに、"_ga"というNameのcookieが記録されました。ちなみに"_ga"はgoogle analyticsのタグです。"GA1.2.1324036804.1451751625"が僕のブラウザに付与されたユニークなID(Content)になるわけです。そしてそのクッキーは2年後の2018年1月まで残るように設定されています。

f:id:yuyutata:20160115015927p:plain

つまり、cookieを付与するときは、Name(タグの名前), Content(ID), Expires(有効期限)の情報が最低必要となります。Pathの"/"は、そのドメインのページならどこからでもこのcookieにアクセスできます。

というわけで、早速cookieを付与していきましょう。

 

Step.1:jqueryから操作できるcookie用のプラグインを入手する

JavaScriptで自分で書くこともできると思いますが、JSのライブラリであるjqueryが便利過ぎたので、そのGithubからダウンロードする。ページ右上のzipをポチる。

Step.2: ダウンロードしたJSファイル、”jquery.cookie.js”をページと同じフォルダーに入れる

f:id:yuyutata:20160115020741p:plain

Step.3: htmlファイルに記述する

オブジェクト指向チックに書いてみます。

<script src="jquery.cookie.js"></script>   

<script>

function cookie() {
 $.cookie('NAME','VALUE', {expires:1,path:'/'});
}

function view() {
 $.cookie('NAME');
 var value = $.cookie('NAME');

 $("div").text(""+value+"");
}

$(function(){
 cookie();
 view();
});

</script>

説明していきます。

$.cookie('NAME','VALUE', {expires:1,path:'/'});

NAMEというタグ、VALUEというIDを、有効期限1日で、ドメインならどのページからでもアクセスできる設定でクッキーを付与する。

 $.cookie('NAME');

 var value = $.cookie('NAME');

NAMEという名のタグのついたcookie情報を取り出して、そのcookie情報をvalueという名の変数に格納する。

 $("div").text(""+value+"");

valueに格納されたcookie情報を、htmlに表示する。

 

Step.4:確認する

Chromeの詳細設定から、localhostという私のローカルのドメインから付与されたcookieを確認します。以下のように、確認できました。ページにもちゃんと表示されました。

f:id:yuyutata:20160115015619p:plain

 

今後やりたいこと

  • cookieがすでに付与されているか、されていなければ新しいcookieを付与する
  • 新しいcookieはランダムで生成されたユニークなID

週末にやってみようと思います。

おやすみなさい。