PocketボタンをWordPressに追加してみる

      2014/10/08

GetPocket

後で読みたいWEBページや、動画などを手軽に保存できるサービス「Pocket」。とても利用者が多く、ブログ読者を増やす為には欠かせないサービスなのですが、実はまだこのブログに導入していませんでした。
そこで、僕が使わせていただいている「STINGER」のSNSボタンに、Pocketボタンを追加したいと思います。

スポンサーリンク

Pocketを導入してみる

コードの取得

下記のPocket公式のコード生成ページへ移動し、コードを取得します。特にサイトに合わせて変更する箇所はありません。

(コード生成ページ)Pocket

コードをSNS.phpにペースト

「STINGER」にはSNSボタンをひとまとめにしたsns.phpというファイルがありますので、そこに先ほどのコードをペーストします。

僕の場合は「Feedly」ボタンを追加してますので、その後にlist表記することになります。

4行目から6行目が先ほどコピーしたコードになります。

  • タグでコードを挟んでください。

    </p>
    <li><a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ftensblog.com%2Ffeed%2F" target="blank"><img id="feedlyFollow" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-medium_2x.png" alt="follow us in feedly" width="71" height="28"></a>
     </li>
    <li><div class="pocket-btn"><iframe width="60" height="63" id="pocket-button-0" frameborder="0" allowtransparency="true" scrolling="NO" src="https://widgets.getpocket.com/v1/button?label=pocket&amp;count=vertical&amp;v=1&amp;url=file%3A%2F%2F%2FApplications%2FBlogo.app%2FContents%2FResources%2Feditor.html&amp;title=&amp;src=file%3A%2F%2F%2FApplications%2FBlogo.app%2FContents%2FResources%2Feditor.html&amp;r=0.6969531155191362"></iframe></div>
    
     </li>
     
    <p>

    確認してみる

    きちんとペーストできていれば、SNSボタンにPocketボタンが追加されます。

    スクリーンショット 2014-06-15 6.43.19

    こんな感じです。簡単ですね。

     -ブログのSEO

    ad

    • このエントリーをはてなブックマークに追加
    • follow us in feedly
    •    
     
    最後までお読みいただき、ありがとうございます。よろしければSNSでフォローをいただけると感謝です。
    プロフィール
    follow us in feedly

      関連記事

    ウェブマスターツールのサイトマップで送信と登録が保留になった時の対処法

    ども、TENです。ここ数日アクセスが下がりっぱなしで、原因をいろいろと探ってました。特にGoogle

    結果を求めるブロガーが絶対に気をつけるべき3つの落とし穴

    ブログを運営していく上でモチベーションとなるのは、ユーザー数やページビューだったり、人によっては収益

    無料ブログとオールドドメインのドメインパワー比較(初動篇)

      始めに言っておきますが、この記事はアフィリ超初心者向けです。 新規にサイトを作ろうと思

    アフィリエイトのCV(コンバージョン率)を高める為の基本

    たかが広告、されど広告。 こんにちはTEN(@tensblog)です。今日も試行錯誤しながら、ブログ

    WordPressテーマ「Stinger for FANS」のブログタイトル部をヘッダー画像に変更してみる

    ブログにとってブログタイトルは超重要な項目です。先日ブログタイトルを「TENSBLOG」から「ほりさ

    Twitterなどのフォローボタンを設置する方法

    SEO対策に欠かせないSNSとの連携ですが、僕が使用させていただいているWordPressテーマ「S

    WordPress記事をTwitter・Facebookに自動投稿する方法

    記事をSNSに自動投稿するには? ブログのSEO対策では、TwitterやfacebookなどSNS

    ブログの記事ネタ不足に困った時は?解決策を紹介

    ブログのアクセスアップの為には「とにかく記事を投稿し続ける事」が重要だ。PVを狙った記事が今ひとつの

    ブロガーにおすすめできる!ブログエディタ「Blogo」を使ってみた

    今までブログを書く際は、ブラウザで直接WordPressに書いていたのですが、常にオンラインでないと

    Googleアナリティクスの導入

    当ブログではSEOに強いSTINGER3を導入させてもらっています。デーマを無料提供していただいてい

      Message

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    ad

    安い肉を使ったトンカツや唐揚げが劇的に旨くなる作り方。出し巻き卵もね

    この前テレビでやってた内容を備忘録として記述しておく。 クソ安いクズ肉で作った料理が、高級食材を使っ

    大久保加代子さんをギリいける感じのオバサマに修正してみた

    ブス芸人として絶大なる人気を誇る大久保加代子さんを、Photoshopを使って「これぐらいならギリ喰

    夏の汗対策を考えてみた

    暑い日に外に出るとどうしても汗をかいてしまいますよね。僕は汗っかきな方なので、初夏でも30分も外にい

    Macbookair用のノートパソコンスタンドを自作してみた

    Macbook airは軽くて使いやすいPCですが、唯一の難点はモニターが小さいことです。 ブラウジ

    九州で大寒波!寒波を乗り切る知識&グッズ

    今週末(1月23〜25日)には約40年ぶりといわれるような大寒波が西日本に到来するようです。 九州に

    • WordPressテーマ「AMORE (TCD028)」 

      WordPressテーマ「CORE (TCD027)」 

      WordPressテーマ「Gorgeous (TCD013)」