2012年7月10日火曜日

Pinterest のブックマークレットが使えない画像をピンする - Firefox に Pinterest Right-Click または Pin Image, Google Chrome に Taberareloo

1. Pinterest のブックマークレットでピンできない画像

ユニクロや資生堂が Pinterest に公式ページを開いている。

そろそろ ZOZOTOWN のサイト内にも Pin It ボタンが配置されても良い頃だと思う。

 

ボードにピンするブックマークレット

Pinterest のボードに画像をピンするには、Pinterest に用意されているブックマークレットを利用する。

このブックマークレットは、大抵の画像をピンすることができる。しかし、ZOZOTOWN の商品画像のように、HTML 要素の

「背景として表示されている画像」

をピンすることができない。

追記(2014/8/4): 現在、公式ツールと Pinterest Pin Button を利用している。

 

2. Firefox の場合

Pinterest Right-Click を利用する
Firefox で画像をピンするには、アドオン

を使う。

  • 通常の画像をピンするときは、画像の上で右クリック > Pin Image を選択。
  • 「背景として表示されている画像」をピンするには、画像の上で右クリック > Pin Image Backgroud Image を選択する。

SnapCrab_NoName_2012-7-10_3-4-42_No-00

ただし、コンテキストメニューを選択するときに、なぜか Pinterest Right-Click の選択肢が消えてしまう。表示されるコンテキストメニューの中身に触れないようにマウスポインタを移動させ、Pin Image … を選択すると良い。

または、画像上で右クリックをした後、キーボードで `P’ を入力すれば Pinterest Right-Click の選択肢が選択される。

 

PinImage

SnapCrab_NoName_2013-2-10_19-11-56_No-00追記(2013/02/10)PinImage も画像の上で右クリックし、

  • Pin Image

を選択することによって Pin It できる。ただし、 Pinterest Right-Click のような問題は発生しない。

 

tombloo

できればアドオン tombloo を使いピンしたかった。しかし、tombloo は Pinterest に対応してないようだ。

 

3. Google Chrome で Taberareloo を利用する

Google Chrome の場合、Taberareloo を利用する。
  • 通常の画像をピンするときは、画像の上で右クリック > Share > Photo
  • 背景として表示されている画像をピンするには、画像の上で右クリック > Share > Photo Background Image

SnapCrab_NoName_2012-7-10_4-30-27_No-00

Post ボタンを押す前に、Pinterest をオンにする。

SnapCrab_NoName_2012-7-10_3-41-11_No-00

 

4. その他

追記(2012/07/12): ファッションをコーディネートするサイトを見かけるようになった。Pinterest よりも集客力があるのだろうか?