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