2

動的な WordPress の「ピン留め」ボタンを作成して、画像で動作させています。

たとえば、この URL を生成すると、pinterest の pin it ページが起動します。

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 の URL を入れるだけですか?

4

2 に答える 2

4

Youtube ビデオをピン留めするには、メディア リンクを YouTube のサムネイルにする必要があります。Pinterest はそれを動画として自動的に認識します。

YouTube のサムネイルを取得するには、こちらで詳しく説明されているように、YouTube の URL からビデオ ID を取得する必要があります。

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

于 2013-05-29T20:29:43.153 に答える
2

残念ながら、Web ベースの PIN を生成するために使用されるスクリプトは、ビデオを処理できないと思います。

次のコードを利用しました...

<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>

...ここで、URL は YouTube ビデオ (またはパーマリンク) へのリンクです。問題は、pinit.jsスクリプトが URL から画像情報を解析したり、ピンのビデオ スクリーンショットを提供したりしないことです。空白になり、メディアの値がないと、スクリプトはピンを作成しません。

問題が 内pinit.jsにあることを確認するために、そのスクリプトを に置き換えましたpinmarklet.js。このスクリプトが行うことは、ビデオのスクリーン ショットとスクリーン ショット上の「PIN IT」ボタン オーバーレイを使用して、ページ上にオーバーレイを作成することです。しかし、それはあなたが提示しようとしているタイプのユーザー エクスペリエンスではないでしょう。

1 つの可能なオプション (URL、メディア、および説明の値を動的にフィードすることでこれを回避できます) は、URL にビデオ URL をフィードし、スクリーンショットを作成してそれをメディアにフィードし、最後に説明を追加することです。これの欠点は、ビデオではなく画像のみをピン留めすることです。

悪いニュースの担い手になって申し訳ありません。

于 2012-10-18T01:12:18.760 に答える