Pinterest - アイコンがフル画像を表示しないのはなぜですか？

Question

私はサイト上でボタンを使用していますが、使用すると画像の切り取りアイコンのみが表示されます。それ以外の場所でボタンを使用すると、フルサイズの画像が表示されます。

私のコードは掘り下げられていますが、解決策が見つかりません。

誰でも手助けできますか？それは、ピンのボタン、またはブラウザの拡張機能のいずれかで動作していないようです。

はここでサイトへのリンクです：

http://www.slurp.co.uk/red-wine/chilean-red-wine/18173-casillero-del-diablo-cabernet-sauvignon-2010/

コード：

<iframe src="http://d3io1k5o0zdpqr.cloudfront.net/pinit.html?url=http://www.slurp.co.uk/red-wine/chilean-red-wine/18173-casillero-del-diablo-cabernet-sauvignon-2010/&amp;media=http://www.slurp.co.uk/images/products/small/18173.jpg&amp;layout=horizontal" scrolling="no" frameborder="0" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; width: 90px; height: 20px; "></iframe> 

<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script> 

Answer 1

私はあなたが幅と高さを持っていることIFRAMEのスタイルを設定する必要があると思います。あなたが尋ねませんでしたが、知っているしたい場合があります

+----------------------+-------+--------+ 
| Orientation-of-Count | Width | Height | 
+----------------------+-------+--------+ 
| Horizontal   | 90px | 20px | 
| Vertical    | 43px | 58px | 
| None     | 43px | 20px | 
+----------------------+-------+--------+ 

カップル他のもの：

1. あなたはIFRAMEを挿入し、その後pinit.jsを使用する必要はありませんこれらは、設定されています。 pinit.jsコードの機能は、文書内の特別にマークされたANCHOR（A）タグをpinterest CDN（cloudfront.net）で指し示されたIFRAMEタグに置き換えることです。適切なsrc属性を持つIFRAMEを挿入する場合、pinit.jsは必要ありません。

2. そのIFRAMEのsrc属性のクエリパラメータをエンコードする必要があります。特に、urlとmediaパラメータのコロンとスラッシュは、uriでエンコードする必要があります。 JavascriptではencodeURIComponent()を使用してこれを行うことができます。私は、pinterestがURLの形式について慎重であることを発見しました。何か間違ったことがあった場合、静かに失敗します。スペースや括弧を含むメディアURLを使用する場合、これらはHTTP URIの正当な文字であっても失敗すると思います。ページURLと同様に

3. IFRAMEの使用を排除できるとは思っていません。私はpinterestがREFERRERを見ている可能性があり、クラウドフロントネットから参照されていないピン/作成/ボタン要求を黙って拒否するかもしれないと信じています。

Answer 2

ここを見てください：私たちは助けるべきボタンやウィジェットの新しいセットを発売しました

http://business.pinterest.com/widget-builder

。