我尝试在我的网站上使用addthis,并强制pinterest按钮只共享我想要的图像。
有两个问题:
这是一个简单的解释更好的代码(对不起,我不能把它放在js小提琴上):
<html>
<head>
<title>Test</title>
<meta property="og:image" content="http://upload.wikimedia.org/wikipedia/commons/5/5a/Wikipedia-logo-v2-fr.png" />
</head>
<body>
<!-- images shared -->
<img src="http://upload.wikimedia.org/wikipedia/commons/5/5a/Wikipedia-logo-v2-fr.png" title="test1" />
<img src="http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png" title="test2" />
<!-- images not shared (why ?) -->
<img src="http://spamty.eu/img/famfamfam/gb.png" title="test3" />
<div class="shareaddthis">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_pinterest_pinit" pi:pinit:media="http://upload.wikimedia.org/wikipedia/commons/5/5a/Wikipedia-logo-v2-fr.png"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-553e0a160661a362"></script>
<!-- AddThis Button END -->
</div>
</body>
</html>
我关注了addthis documentation,我尝试了this answer的解决方案(使用addthis_config
),它没有任何改变。
有人有解决方案吗?
提前致谢!
编辑: 我通过使用pinterest按钮解决了这个问题,但没有使用此代码:
<a href="https://www.pinterest.com/pin/create/button/
?url= websiteurl
&media= imageurl
&description= imagedescr"
data-pin-do="buttonPin"
data-pin-config="beside">
<img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
</a>
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
我将它放入addthis容器中,它工作正常。
对于我的示例中未共享的图像,这是因为图像太小(最小200x100px或100x200px)。但我有其他问题,即图像不被pinterest识别,即使它们足够大。