Pinterestをサイトに埋め込むとかのいくつかのTIPS6選

Pinterestをサイトに埋め込むとかのいくつかのTIPS6選 海外でトラフィック元の上位にきて、楽天が・・・ってなったPinterestですが、その後どんな具合なんでしょうか。
さて、今回はそんなPinterestをサイトで利用できる方法を見てみましょう。

Pinterest上の画像をサイトに埋め込む
自分のに限らずpinされたものを表示する方法は簡単です。
個別ページにあるembedをクリックすると表示されるものをコピペすればOK。
サイズも調整できます。
Pinterestをサイトに埋め込むいくつかの方法

▼サンプル

フォローしてもらう
サイト上でフォローしてもらう方法です。
こちらのページにありますが、http://pinterest.com/about/goodies/下記のようにすればボタンが表示されます。
<a href="http://pinterest.com/アカウントID/"><img src="http://passets-lt.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" /></a>
▼サンプル
Follow Me on Pinterest


指定した画像をPinしてもらう
こちらについてもPinterest / Goodiesに記載がありますが、以下のようにすればリンクが表示されます。
bodyの前に下記jsを記述。
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
次に画像を指定します。
<a href="http://pinterest.com/pin/create/button/?url=ページURL%2F&media=画像ファイルパス&description=説明" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
▼サンプル


プロフィールウィジェットを表示
Buttons and Widgets | Pinterest for Businessでは直近30件の画像を表示させられるプロフィールウィジェットが紹介されています。
<a data-pin-do="embedUser" href="http://pinterest.com/アカウントID/"></a>
またbody前にjsを記述します。
<script src="//assets.pinterest.com/js/pinit.js"></script>
▼サンプル


特定のボードを表示
プロフィールウィジェットとほぼ同じ形で記述すればOKです。
リンクタグだけ下記のようにします。
<a data-pin-do="embedBoard" href="http://pinterest.com/アカウントID/ボードID/"></a>
▼サンプル

Pin禁止
<meta name="pinterest" content="nopin" />
説明付き。
<meta name="pinterest" content="nopin" description="Sorry, this user does not allow pinning" //>
画像単位で禁止
<img src="foo.jpg" nopin="nopin" />
ちなみに「Add+」から「Upload Pin」するとFacebookとか禁止されている画像をアップできたりしますね。
Pinterestくるのかな・・・

sponsors

「Pinterestをサイトに埋め込むとかのいくつかのTIPS6選」をシェアする

記事作成:
記事URL:

TOP > > > Pinterestをサイトに埋め込むとかのいくつかのTIPS6選