2012-07-19 2 views
3

"Pin It"버튼을 통합하여 pinterest.com에 내 제품 이미지를 공유했습니다. 하지만 그것은 내 사이트의 핀 버튼 앞에 핀 수를 표시하지 않습니다. 다음 코드를 작성했습니다.Pin It 버튼이 카운트를 표시하지 않습니다

이 내 핀이 버튼을 내 사이트

<a class="pin-it-button" target="_blank" count-layout="horizontal" href="http://pinterest.com/pin/create/button/?url=http://www.techmodi.com/demo/bliise/products/MTY=/MTQ=/products&media=http://www.techmodi.com/demo/bliise/uploads/product/thumb/1341565713_89a084d6ff75306b0b7ed4c0a1d61916_medium.jpg&description=Nicholson Bag Black"> 
<img border="0" title="Pin It" src="//assets.pinterest.com/images/PinExt.png"> 
</a> 

&이 <body> 태그가 폐쇄되기 전에 포함 된 파일을 JS에 있습니다.

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

누군가가 있다면 해결책을 제안하십시오. 앵커 태그에

감사

답변

1

추가 항상 쇼 카운트 = "true"를

+6

을뿐만 아니라 그것은 작동하지 않지만, (누구에도 관심 경우) 또한 W3C 유효성 검사를 나누기. –

3

당신은 자바 스크립트를 비동기 적으로 파일을로드해야합니다. 다음으로 script 태그를 교체 :

<script type="text/javascript"> 
(function(d){ 
    var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT'); 
    p.type = 'text/javascript'; 
    p.async = true; 
    p.src = '//assets.pinterest.com/js/pinit.js'; 
    f.parentNode.insertBefore(p, f); 
}(document)); 
</script> 
관련 문제