カテゴリーアーカイブ: SNS

SNS：Pocket（ポケット）ボタンの設置方法

Posted on by
返信

WEB上の記事や動画などを後で読む（後で見る）ことができる「Pocket」というサービスがあります。

「Pocket」

Pocket_1

使用してみると読みたい記事を今すぐではなく、時間がある時にあとで読むことができるので結構便利です。

アドオンやアプリなどもあります。

最近ではブログ等で「Pocket」ボタンを設置しているのを見ることが多くなってきました。

そのPocketボタンを設置した時の方法をご紹介します。

長い文章を書くブログなどでは、今は読めないけど後で読みたいという方がいると思うので、
ブログにPocketボタン設置しておいた方がいいと思います。

Pocketの利用者もどんどん増えてきているようなのでオススメです。

■ Pocket（ポケット）ボタンの設置方法

下記のURLにアクセスします。

http://getpocket.com/publisher/button

「Pocket Button」作成画面が表示されるので、使用したいポケットボタンのスタイルを選択します。

Pocket_2

選択すると設置するコードが表示されるので、コードをコピーします。

Pocket_3

下記がコピーしたコードになります。

<a data-pocket-label="pocket" data-pocket-count="vertical" data-lang="en"></a>
<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>

後はコピーしたコードをポケットボタンを設置したい箇所に貼り付けるだけでOKです。

WordPressで各記事に設置する場合は「data-save-url=”<?php the_permalink();?>”」を追加するようです。
下記のようにコードを変えるみたいですね。

<a data-pocket-label="pocket" data-pocket-count="vertical" data-lang="en" data-save-url="<?php the_permalink();?>"></a>

「Pocket」は本当に便利なサービスで使用する人も多いと思うので、
WordPress等のブログ運営をしている方は設置した方がいいと思います。

SNS：tumblrの共有ボタンを設置する方法

Posted on by
返信

「tumblr（タンブラー）」というサービスが利用したことがありますか？

私の周りでtumblrを利用する方が増えてきているので、
ブログやサイトにtumblrの共有ボタンを設置する方法をメモします。

「Tumblr」

tumblr_logo

「Tumblr」とはどのようなサービスかというと、一言でいえば無料で簡単に使用・作成ができるブログサービスです。
非常にデザイン性が高く、他のソーシャルメディアとも関連が強いので、人気が高い理由の一つです。

一般的なブログと違うのは、お気に入りの画像やページなどをスクラップできるという点です。
お気に入りの画像やページなどをスクラップして、自分独自のスクラップページを作ることができます。

そのtumblrの共有ボタンを設置してみたので、その時の方法を記述します。

■ tumblrの共有ボタン設置方法

下記のURLにアクセスします。

http://www.tumblr.com/buttons?language=ja_JP

「共有ボタン」の箇所にある「ステップ1」のコードをコピーし、
ページの</body>タグのすぐ前に設置します。

tumblr_button_1

<script src="http://platform.tumblr.com/v1/share.js"></script>

「ステップ2」で使用したい共有ボタンを選択します。

tumblr_button_2

「▼詳細」クリックすると投稿種別を選択することができます。

※リンク、引用、画像、動画、プログラミング言語などを選択します。

選択すると「ステップ3」が表示され、ページに埋め込むためのHTMLコードが表示されます。

tumblr_button_3

コードをコピーし、設置したいページの箇所に貼り付ければ共有ボタンを設置することができます。

上記はベーシックにtumblrの共有ボタンを設置する方法です。
詳細で設定する場合は、ページのURLやタイトルなどそれぞれ設定する必要があります。

もう少し細かい設定の部分を調べたら、また記事にします。

SNS：LinkedInのShareボタン設置方法

Posted on by
返信

LinkedInというSNSを知っていますか？

「LinkedIn」

LinkedIn_logo

LinkedInはビジネス特化型のソーシャル・ネットワーキング・サービス（SNS）です

プロフィールや経歴等を詳しく載せることができるので、
仕事等で相手の情報を知るのに便利なサービスです。

私の周りではまだあまり使用してはいない状況ですが、
日本でも徐々に会員登録数が伸びてきているようです。

今回、LinkedInのShareボタンをWEBサイトに設置してみたので、
その設置した時の方法をメモします。

LinkedIn_1

■ LinkedInのShareボタン設置方法

下記のURLにアクセスします。

http://developer.linkedin.com/plugins

ボタンのタイプを「Share on LinkedIn」から選択します。

LinkedIn_2

画面の左側のフォームで「URL」「言語」「ボタンのタイプ」を指定します。

LinkedIn_3

「Get Code」ボタンをクリックすればコードが表示されます。

LinkedIn_4

<script src="//platform.linkedin.com/in.js" type="text/javascript">
 lang: ja_JP
</script>
<script type="IN/Share" data-url="http://raining.bear-life.com/"></script>

コードをコピーして、WEBサイトに設置すれば完了です。
LinkedInのShareボタンがページに表示されます。

ページごとにURLを変更する場合は「data-url」をそのページのURLに変更すればOKです。
簡単に設置することができるので試してみてもいいと思います。