Question

我正在创建动态WordPress“pin it”按钮并让它在图片上工作。

例如，当我生成此URL时，会启动pinterest的pin页面：

http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.mywebsite.com%2Ftest-post%2F&media=http://www.mywebsite.com/wp-content/uploads/2012/09/picture.jpg&description=Test+Post

如何为Vimeo或Youtube视频执行此操作？

http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.mywebsite.com%2Ftest-post%2F&media=________????_________&description=Test+Post

我只是在那里放了一个vimeo或youtube网址吗？

Answer 1

要固定Youtube视频，您只需将媒体链接设为YouTube视频缩略图即可。然后Pinterest会自动将其识别为视频。

要获取youtube缩略图，您需要将YouTube视频ID设为explained more here

var youtubelink = "http://www.youtube.com/embed/wkBstmXvGtk"
var youtubecode = youtubelink.match(/\/embed\/(.*)/)[1];
var pinimage = 'http://img.youtube.com/vi/' + youtubecode + '/0.jpg';

我在这里写了一个完整的教程：

http://thingsilearned.com/things/pin-button

Answer 2

不幸的是，我认为用于生成基于Web的引脚的脚本无法处理视频。

我使用了以下代码......

<a href="http://pinterest.com/pin/create/button/?url=URL&media=MEDIA&description=DESCRIPTION" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

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

...网址是YouTube视频（或永久链接）的链接。问题是，pinit.js脚本不会解析网址中的图像信息或提供针脚的视频截图。它出现空白，没有媒体值，脚本将不会创建引脚。

要确认问题在pinit.js范围内，我将该脚本替换为pinmarklet.js。该脚本的作用是在页面上创建一个叠加层，屏幕截图显示视频和“PIN IT”按钮。但这可能不是您希望呈现的用户体验类型。

一种可能的选择（您可以通过动态提供网址，媒体和描述值来避免这种情况）是通过视频网址提供网址，创建屏幕截图并将其提供给媒体，最后添加说明。这样做的缺点是，你只会直接固定图像而不是视频。

很抱歉成为坏消息的承担者。

如何为视频创建“pin it”网址（针对Pinterest）？

2 个答案: