Pocket Button の設置方法

Pocketとは、Web上で見つけた気になる記事を簡単に格納する「ポケット」を提供してくれるWebサービスのことです。ブラウザーやアプリから気になる記事をポケットし、それらの記事をスマホ(iPhone、Android)やブラウザーから「あとで読む」ことができます。

ここでは、公式サイトから提供されている記事をポケットするボタン「Pocket Button」の設定方法を紹介します。

「Pocket」は大変便利で使いやすいので、最近では「ツイッター」や「はてなブックマーク」に並ぶ?人気サービスになり、利用者もかなり増えているようです。

サイトやブログ運営者はユーザーの利便性、リピーター確保のために「Pocket Button」を設置したほうがいいかもしれませんね!

Pocketボタンの設置

pocket-button-00
まず、ボタンのスタイルを選択します。スタイルは3つあるので、右にあるプレビュー(Preview)を確認しながら、お好みのスタイルを選択します。

スポンサーリンク

pocket-button-01
次に「Copy Code」の枠内にあるコードをコピーします。

コードは「HTML」と「Javascript」からなります。

「HTML」は、ボタンを設置したい場所に配置します。

<a data-pocket-label="pocket" data-pocket-count="vertical" class="pocket-btn" data-lang="en"></a>

「Javascript」は、</body>の前に配置すればいいでしょう(ページの読み込み速度が少し速くなるため)。

<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>

これで設定完了です。簡単ですね!

Webサービス関連の人気記事

  1. PC のブラウザーで Kindle 電子書籍を読む「Kindle Cloud Reader」
  2. 英語サイトのみをGoogle検索結果に表示
  3. Microsoft Office Online を使ってみた
  4. 楽天ポイントギフトカード - ポイントの受け取り(チャージ)
  5. さまざまなサービスの2段階認証の設定と使い方
  6. Google(gmail)アカウント - 2段階認証のバックアップコードを取得
  7. Disney+(ディズニープラス) - パスワードのリセット
  8. Disney+(ディズニープラス) - ログインとログアウト(WEBで視聴)
  9. Pocket Button の設置方法
  10. 楽天マガジンを解約する方法
  11. TimeTree(ブラウザ) - ログインとログアウト
  12. AbemaTV - Abemaプレミアムの解約方法
  13. Paravi(パラビ)を解約する方法

関連記事(一部広告含む)