Pinterest - 내 아이콘이 전체 이미지를 표시하지 않는 이유는 무엇입니까?

Question

사이트에서 단추 고정 단추를 사용하고 있지만 사용하면 이미지의 잘림 아이콘 만 표시됩니다. 다른 곳에서는 버튼을 사용하는 반면 풀 사이즈 이미지를 표시합니다.

내 코드를 파고 있지만 솔루션을 찾을 수 없습니다.

아무도 도와 줄 수 있습니까? Pin it 버튼이나 브라우저 확장 프로그램에서 작동하지 않는 것 같습니다.

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를보고있을 수 있으며, cloudfront.net에서 참조하지 않은 핀/생성/버튼 요청을 자동으로 거부 할 수 있습니다.

Answer 2

여기 봐 주시기 바랍니다 : 우리는 도움이 버튼과 위젯의 새로운 세트를 출시했습니다

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

.