デジカメブログに「Pinterestボタン」を設置、その用途と設置方法

Pinterest使ってますか?うかです、こんにちわ。

一瞬盛り上がりかけたものの、その後あまり話題になってないような気がする写真共有サイト・Pinterestなんですが、この度、ウチのデジカメブログにPinterstボタンを設置してみました。

ブログに設置したPinterestボ

Pinterestボタンの用途

写真共有サイト・Pinterest、その使い方は次の4通り。

  1. 流れてきた写真が気に入ったら「Like」を付ける
  2. 流れてきた写真が気に入ったら「RePin」して共有する
  3. ブログなどに掲載された写真をPinterestにアップする
  4. 自分で自分の写真をアップする

基本はTumblr同様、1と2が主な使い方になろうかと思いますが、Pinterestボタンは3と4のために設置するもの。

写真をアップするにはBookmarkletを使えばよかったりするんですが、ボタンがあることで「ウチの写真はPinterestにアップしていいよー」というアピールにもなるんじゃないかなーと思ったり。

Pinterestボタンを設置するブログ

この手のものは、私の実験場でもあるこのブログに設置するのが定番なんですが、今回はここではなく、デジカメブログに設置しました。

理由は、このブログに設置しても意味がないから。

このブログは全ての記事に写真があるわけではないですし、Flikcrで拝借した人様の写真も掲載されてます。写真のない記事にPinterestボタンがあっても意味ないし、人様の写真をPinterestにアップしてもらうのはちょっと気が引ける…。

だったら、自分で撮った写真を必ず1枚は掲載してるデジカメブログが適当だよねー、とゆうことで、そっちに設置しました。

Pinterestボタンの設置方法

さて、そのPinterestボタンの設置方法なんですが、私の探し方が悪いのか、適当な解説が見つかりませんでした。ということで自作。

Pinterestボタンを設置するためのソース

<a href="javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><img alt="Pin it" src="アイコンのURL"></a>

aタグのhref属性に、公式のBookmarkletのコードを入れただけ。これでブログ記事中にある写真をPinterestにアップすることができるボタンのできあがり。

Pinterestボタン用のアイコン

アイコンは、Pinterestのfaviconを改造して、こんなのを作ってみました。

Pinterestボタン用アイコン

早速Likeしていただきました☆

と、以上のようにデジカメブログにPinterestボタンを設置、試しに「つくし」の写真をアップしたところ、早速外国の方からLikeしていただきました☆(タイトルを「Tsukushi, Japan」としたのが良かったかw)

反応をいただけるというのはなんだかんだで嬉しいもので、今後もブログの宣伝を兼ねつつ、ちょこちょこPinterestに写真をアップしてみようと思います。