動的な 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 を入れるだけですか?
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';
ここに完全なチュートリアルを書きました：
残念ながら、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 をフィードし、スクリーンショットを作成してそれをメディアにフィードし、最後に説明を追加することです。これの欠点は、ビデオではなく画像のみをピン留めすることです。
悪いニュースの担い手になって申し訳ありません。