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

pinterestのボードやプロフィールをブログに埋め込む方法
最近Pinterestにハマっています。ただ何も考えず、気に入った画像をPinするという簡単な作業もハマっている理由の1つですが、一番の理由は使ってるとなんかかっこいいからです。「やっぱ天ぷらにはだよね」って言うくらいかっこいいと思ってます。

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

Pinterestとは

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

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

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

スポンサーリンク

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

こちらのサイトにアクセスして、「Board Wiget」とクリックします。そのあと、自分のボードURLをフォームに入力し、Enterを押します。
pinterestのボードやプロフィールをブログに埋め込む方法
すると、コードが吐き出されるので、

<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ターン!
pinterestのボードやプロフィールをブログに埋め込む方法
以下のコードをコピー!

<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ターン!(ドヤっ)
pinterestのボードやプロフィールをブログに埋め込む方法
以下のコードをコピー!

<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!(めんどくさくなってきた)
pinterestのボードやプロフィールをブログに埋め込む方法

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

これにて完了。

まとめ

・Pinterestは使っておいた方がいい
・なぜなら「使ってます」というとかっこいいし、オシャレだから
・どれくらいオシャレかというと「週末は一眼ぶら下げてふらっと写真撮りにいってます」て言うくらいオシャレです
ホントブロガーはやっといた方がいいと思うよ

ということで、今回は以上です。それでは!

これがPinterestのiPhoneアプリ

Pinterest

無料
(2014.03.01時点)
posted with ポチレバ

いつもシェア感謝です!今回もぜひ

※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!

SNSでも自分の得意なことで収入を得る方法を発信しています。フォローすれば更新をチェックできますので、ぜひフォローを。
仕事依頼などのお問い合わせは「iwgp545@yahoo.co.jp」か、「TwitterのDM」、「Facebookのメッセージ」からお願いします。