2016-05-02 4 views
4

私はSkypeを頻繁に利用していますが、Skype にデスクトップのアプリを使ってリンクを貼り付けると、このようなのYouTubeのようにサムネイルがチャットに表示されます。リンクが貼り付けられたときに画像を表示する方法

Skype Spider(存在する場合)が画像を取得してチャットに表示するように、コード内に特定の種類のクラスまたはエリアがあるかどうかは、CSSまたはPHP 。 - これは商業的に許可されたもので、サイトに追加することです。

私はSkype Developersのサイトとマイクロソフトのサイトを調べましたが、私のトピックに関する情報はありませんでした。

+0

イメージを実際のSkypeアプリにドラッグアンドドロップすると、そのイメージがPHPまたはCSSで取得されますか? – Justinas

+0

@Justinas私は、あなたがビデオをリンクするときと同じように意味します。たとえば、YouTubeビデオのように、そのリンクのプレビュー画像があります。表示されているリンクの小さなグラフィックが表示されます。私は自分のサイトを開発し、そのサイトのイメージを設定したかったのです。 – Jek

+0

@ジェク私の答えを見ましたか? ':)' –

答えて

5

SkypeやFacebookなどは、Open Graph Protocolを使用してそれらを取得しています。あなたはおよそOpen Graph Protocolオンラインより多くの情報を見つけることができますし、それを達成するための小さなコードは次のとおりです。

<meta property="og:image" content="/image.jpg"/> 
<meta property="og:image:secure_url" content="https://mywebsite.com/image.jpg" /> 

これら二つは、あなたの<head />タグで存在すべきです。また、あなたが<html>タグにXML名前空間を追加してください:

<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:og="http://ogp.me/ns#" 
     xmlns:fb="https://www.facebook.com/2008/fbml"> 

ます。また、複数の画像を使用することができ、あなたはちょうどあなたがそれらをに表示するために、複数の画像のメタタグを追加する必要があり、ユーザは、次になります。 Facebookに画像セレクタダイアログが表示されます。

関連する問題