5

私はこれらの簡単なソーシャル共有リンクを持っています:

FB share link
     <a href="#" class="share-fb" onclick='window.open( "https://www.facebook.com/sharer/sharer.php?u=http://mysite.org", "myWindow", 
                  "status = 1, height = 300, width = 600, resizable = 0" )'></a>

TWITTER share link
<a href="#" class="share-tw" onclick='window.open( "https://twitter.com/intent/tweet?url=http://mysite.org", "myWindow", 
              "status = 1, height = 300, width = 600, resizable = 0" )'></a>
GOOGLE PLUS
 <a href="#" class="share-g" onclick='window.open( "https://plus.google.com/share?url=http://mysite.org", "myWindow", 
              "status = 1, height = 300, width = 600, resizable = 0" )'>
             </a>

これらのリンクは、ページ リンクを共有するためのポップアップ ウィンドウを開きます。

私が望むのはadd a fixed site image preview、ユーザーが共有するリンクのそれぞれについてです。

それらのプレビュー画像、固定、foreach (FB、TWITTER、G+) を追加するにはどうすればよいですか?

注意：プレビュー画像とは、この写真に表示されているものを意味します（リンクwww.google.itの隣）：

ここに画像の説明を入力

私が試したFB共有者のために：<meta property="og:image" content="URL of your image" />

しかし、それはうまくいかないようです

4

1 に答える 1

12

sharer.php を機能させるには、いくつかの Open Graph タグを追加する必要があります。このサイトを見てみましょう: http://ogp.me/

Facebook デバッガーでいつでもサイトをテストできます: https://developers.facebook.com/tools/debug デバッガーは警告/エラーも表示するので、テストに最適です。

Twitterには画像がありません。それは正しくありません。ページ用に「Twitter カード」を作成する必要があります。ここで説明されています：https://dev.twitter.com/docs/cards

Google+については、これでうまくいくはずです:

<meta itemprop="image" content="http://www.....">

(ここで比較してください: http://www.google.com/intl/en/webmasters/+1/button/index.html )

このスレッドもご覧ください: Google +1 Generated Thumbmail in Profile

于 2012-11-21T18:30:14.197 に答える