url
  • twitter
  • google-plus
  • sharing
  • facebook-sharer
  • 2012-11-21 13 views 5 likes 
    5

    G +シェアのURLと固定プレビュー画像:はFB、TWITTER、私はこれらの単純なソーシャル共有リンクを持つ

    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 +)に追加するにはどうすればよいですか?

    NB:<meta property="og:image" content="URL of your image" />

    :私はしようと試みFBの共有者について

    enter image description here

    :プレビュー画像と私は1つが(次のリンクwww.google.itに)この写真に示された意味しますしかし、それは動作していないようです。

    答えて

    12

    sharer.phpを使用するには、さらにいくつかのOpen Graph Tagsを入力する必要があります。あなたはいつもFacebookのデバッガでサイトをテストすることができhttp://ogp.me/

    :このサイトを見てみましょうhttps://developers.facebook.com/tools/debug デバッガもそうテストのための完璧なit's、警告/エラーを示しています。

    Twitterには画像がありません。まあ、それは正しくない、あなたのページのための "Twitterカード"を作成する必要があります。それがここで説明される:Google+の約https://dev.twitter.com/docs/cards

    を、この作業をする必要があります:

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

    (ここでの比較:http://www.google.com/intl/en/webmasters/+1/button/index.html)を

    はまた、このスレッドを見てみましょう:Google +1 Generated Thumbmail in Profile

    +0

    は知りませんなぜなら** **これは私にとってはうまくいかず、私はfb apiを含まない?私はちょうどリンクで共有URLを使用 – sbaaaang

    +0

    次にgoogleプラスについてはどうですか? – sbaaaang

    +0

    Facebookのデバッガでリンクを試しましたか?画像に何が間違っているかを教えてくれるかもしれません。最小200x200ピクセルbtwであることを確認してください。 – luschn

    関連する問題