5

このサイトでは、きれいな写真画像ギャラリーを使用しました。問題は、ユーザーがFacebookの「いいね!」ボタンをクリックすると、ニュースにサイトの名前だけが表示されることです。私が欲しいのは、ユーザーが特定の画像のfb LIKEボタンをクリックすると、その画像がニュースフィードに表示されることです。これを作るのを手伝ってくれませんか。

4

2 に答える 2

5

Facebookを使用する場合は、常にFacebookデバッガーを使用してWebサイトのURLを確認してください。

問題は、Facebookが画像を確実に取得できなかったことであるように思われるため、Facebookがprvded URLの目的の画像を認識できるように、メタタグを追加する必要があります。

Ex: <meta property="og:image" content="YOUR_IMAGE_PATH"/>

アップデート1:

ユーザーがギャラリー画像を変更したときにメタタグの値を変更するには、次のコードを使用して変更できます。

$("meta[property=og\\:image]").attr("content", YOUR_IMAGE_PATH);

ドキュメント:に記載されているように、文字をエスケープする必要があることに注意してください

アップデート2:

それを機能させるには、これらの関数を変更する必要があります。

    $pp_gallery.find('.pp_arrow_next').click(function(){
            $.prettyPhoto.changeGalleryPage('next');
        // here you will need to read the current image url, then assign it to our facebook line.
    $("meta[property=og\\:image]").attr("content", YOUR_IMAGE_PATH);
            $.prettyPhoto.stopSlideshow();
            return false;
        });

    $pp_gallery.find('.pp_arrow_previous').click(function(){
            $.prettyPhoto.changeGalleryPage('previous');
        // here you will need to read the current image url, then assign it to our facebook line.
$("meta[property=og\\:image]").attr("content", YOUR_IMAGE_PATH);
            $.prettyPhoto.stopSlideshow();
            return false;
        });
于 2012-09-15T14:25:25.697 に答える
0

FacebookのOGメタタグを使用する

たとえば画像の場合:

<meta property="og:image" content="http://yourwebsite.com/img/img.png"/>

詳細については、これをチェックしてください:http: //davidwalsh.name/facebook-meta-tags

于 2012-09-15T14:23:24.873 に答える