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

      関連記事

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

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

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

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

    Google自動ペナルティが解除されたようなので、記念に投稿してみる

    「駆け出しブロガーにとって最もつらいもの、それはグーグルのペナルティではないだろうか」 ども、TEN

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

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

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

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

    【STINGER利用者に朗報】訪問別PVが増加!やっぱりSTINGER for FANは凄かった!

    なかば狙っていたとは言え、これほど明確に違いが出るとは・・・。 ども、TEN(@tensblog)で

    アクセス数が−61%に激減!その原因とSEO対策

    こんにちは、先日のGoogleアルゴリズムアップデートの影響で検索流入を激減して超ブルーな気分のTE

    さくらサーバーでサブドメイン「/wp/」にインストールしたWordPressをドメイン直下に表示させる方法

    さくらインターネットのレンタルサーバーでは、クイックインストールでドメイン直下にワードプレスをインス

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

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

    初心者が知っておきたいSEOの9つの真実

    SEO対策には実用的なものから都市伝説にいたるまで、様々な内容が叛乱してます。特にブラックなSEO業

      Message

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

    ad

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

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

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

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

    夏の汗対策を考えてみた

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

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

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

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

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

    • WordPressテーマ「AMORE (TCD028)」 

      WordPressテーマ「CORE (TCD027)」 

      WordPressテーマ「Gorgeous (TCD013)」