如何制作Pinterest pinit按钮

时间:2013-04-24 08:11:27

标签: php wordpress pinterest

我正在考虑开发一个创建Pinterest pinit按钮的插件。我无法找到Pinterest按钮的API。任何人都可以告诉如何找到pinit按钮代码? pinterest是否公开提供API?

2 个答案:

答案 0 :(得分:0)

试试此代码

<a href="http://pinterest.com/pin/create/button/?url=YOUR_PAGE_URl&amp;media=IMAGE_URL&amp;description=Spinach Artichoke Meatballs on MyRecipeMagic.com" count-layout="none" target="_blank" onclick="rewards('pin_it')" class="pin-it-button"><img border="0" title="Pin It" src="http://assets.pinterest.com/images/PinExt.png"></a>

答案 1 :(得分:0)

我最好的解决方案,我将代码附加到其他社交分享

<div class="si-share noborder clearfix">

<div>
    <a href="http://www.facebook.com/sharer.php?u=$AbsoluteLink" class="social-icon si-borderless si-facebook" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
        <i class="icon-facebook"></i>
        <i class="icon-facebook"></i>
    </a>
    <a href="https://twitter.com/share" class="social-icon si-borderless si-twitter" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
        <i class="icon-twitter"></i>
        <i class="icon-twitter"></i>
    </a>
    <a href="javascript:void(0)" id="pinit" class="social-icon si-borderless si-pinterest" >
        <i class="icon-pinterest"></i>
        <i class="icon-pinterest"></i>
    </a>
    <a href="https://plus.google.com/share?url=$AbsoluteLink" class="social-icon si-borderless si-gplus" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=500');return false;">
        <i class="icon-gplus"></i>
        <i class="icon-gplus"></i>
    </a>
</div>
<span style="float: right">Share :</span>

和相对javascript

<script type="text/javascript" >
$(document).ready(function(){
    $("#pinit").click(function(){
        $("#pinmarklet").remove();
        var e = document.createElement('script');
        e.setAttribute('type','text/javascript');
        e.setAttribute('charset','UTF-8');
        e.setAttribute('id','pinmarklet');
        e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e);
    });
});