Pinterestの”Pin itボタン”をブログの記事に設置

Pinterestには、Facebookの「いいね」やTwitterの「リツイート」ボタン同様、「Pin it」ボタンが用意されています。これを、自社サービス「エル写庫」に設置してみました。
▼「エル写庫」サイト。このページの個別ページに設置してみます。

まず、ソースコードをPinterestのサイトから取得します。Goodiesページの下のほうにあります。詳しい解説は「Pinterest（ピンタレスト）の”Pin itボタン”設置方法 | Pinterestガイド」をどうぞ。

ページのURL、画像のURL、説明文を入れてソースコードをゲット。今回、Movable Typeのテンプレートに埋め込むため、URLや画像のパスはMTタグを入れました。
▼すると、各記事に「Pin it」が設置されるので、ボタンをクリックして動作チェック。

▼無事投稿完了

▼カウントもちゃんと出てます。

画像メインで扱うサイトへのPin itボタン設置はなかなかよい感じです。
Pinterest
Hiroshi Hara (harahiroshi) on Pinterest