Pocket Button の設置方法
Pocketとは、Web上で見つけた気になる記事を簡単に格納する「ポケット」を提供してくれるWebサービスのことです。ブラウザーやアプリから気になる記事をポケットし、それらの記事をスマホ（iPhone、Android）やブラウザーから「あとで読む」ことができます。
ここでは、公式サイトから提供されている記事をポケットするボタン「Pocket Button」の設定方法を紹介します。
「Pocket」は大変便利で使いやすいので、最近では「ツイッター」や「はてなブックマーク」に並ぶ？人気サービスになり、利用者もかなり増えているようです。
サイトやブログ運営者はユーザーの利便性、リピーター確保のために「Pocket Button」を設置したほうがいいかもしれませんね！
Pocketボタンの設置
「Pocket」の公式サイトへサクセスします。
まず、ボタンのスタイルを選択します。スタイルは3つあるので、右にあるプレビュー（Preview）を確認しながら、お好みのスタイルを選択します。
次に「Copy Code」の枠内にあるコードをコピーします。
コードは「HTML」と「Javascript」からなります。
「HTML」は、ボタンを設置したい場所に配置します。
[html]
<a data-pocket-label="pocket" data-pocket-count="vertical" class="pocket-btn" data-lang="en"></a>
[/html]
「Javascript」は、</body>の前に配置すればいいでしょう（ページの読み込み速度が少し速くなるため）。
[html]
<script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script>
[/html]
これで設定完了です。簡単ですね！
