Pinterstのボードやピンをブログに埋め込む方法【ブログに画像コレクションを集める】

最近Pinterestにハマっています。ただ何も考えず、気に入った画像をPinするという簡単な作業もハマっている理由の１つですが、一番の理由は使ってるとなんかかっこいいからです。「やっぱ天ぷらには塩だよね」って言うくらいかっこいいと思ってます。

というわけで、かっこよく思われたいという承認欲求を満たすために私が最近作成しているPinterestボードをブログに埋め込む方法を紹介しながら、ドヤりたいと思います。

Pinterestとは

まず、Pinterestを知らない方のために説明しておきます。
PinterestはWeb上のお気に入り画像をシェアし、同じ感覚を持った人達でつながり合うというSNSで、これから日本で本格的に流行るんじゃないかと思っています。2010年にアメリカでリリースされ、日本でも3年くらい前にくるんじゃないかと一部のWebサービス大好きさん達の間で話題になっていましたが、「クルぞクルぞ詐欺」が続いたまま一向に流行る臭いがしていないのが現状です。

しかし、ブロガーとしてやっておくと何かとよさそうなサービスですので、この辺でいろいろと知っておいた方が良いと思うのです。

では、本題であるPinterestボードを埋め込む方法を紹介していきます。

ボードをブログに埋め込む

こちらのサイトにアクセスして、「Board Wiget」とクリックします。そのあと、自分のボードURLをフォームに入力し、Enterを押します。

すると、コードが吐き出されるので、

<a data-pin-do="embedBoard" href="http://www.pinterest.com/laghraku123/働きたくなる素敵なオフィス/">Follow laugh raku's board 働きたくなる素敵なオフィス on Pinterest.</a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

このコードをサイトの好きな所に貼付けます。
表示はこんな感じ。
Follow laugh raku’s board 働きたくなる素敵なオフィス on Pinterest.

スゴく簡単。
では他のプロフィールなどの埋め込み方法も紹介していきます。

プロフィールをブログに埋め込む

やり方はほとんど同じ。「Profile Widget」をクリックして、プロフィールURLを入力。Enterターン！

以下のコードをコピー！

<a data-pin-do="embedUser" href="http://www.pinterest.com/laghraku123/">Visit laugh raku's profile on Pinterest.</a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

＆ペースト！
どーん！
Visit laugh raku’s profile on Pinterest.

特定のピンをブログに埋め込む

「Pin Widget」をクリック。特定のURLを入力し、Enterターン！（ドヤっ）

以下のコードをコピー！

<a data-pin-do="embedPin" href="http://www.pinterest.com/pin/448319337877858516/"></a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

＆ペースト！
どーん！かっけーだろ！

フォローボタン

同じ。「Follow Button」をクリック。フォームにプロフィールURLを入力。Enter！（めんどくさくなってきた）

Full Name:にはボタンに表示したい文字を入力して、コードをコピー！

<a data-pin-do="buttonFollow" href="http://www.pinterest.com/laghraku123/">Pinterest</a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

＆ペースト！
フォローよろしく！
Pinterest

これにて完了。