商品リストページがあります。各商品の共有リンクを表示したいのですが、個々の商品の画像を共有したいと思います。これどうやってするの ?
個々の製品イメージを共有する必要があるため、メタは役に立たないと思います。
商品リストページがあります。各商品の共有リンクを表示したいのですが、個々の商品の画像を共有したいと思います。これどうやってするの ?
個々の製品イメージを共有する必要があるため、メタは役に立たないと思います。
画像ごとに独自のボタンを作成し、onclickでJS SDK https://developers.facebook.com/docs/reference/javascript/FB.ui/からFB.UIを呼び出し 、メッセージに必要な変数を渡します。
したがって、各画像のhtmlは次のようになります。
<img src="path-to-image" title="title" data-uri="path-to-full-product" />
次に、jqueryのようなライブラリを使用すると、次のスクリプトを使用できます。
$('img').click(function(){
var $this = $(this);
var obj = {
method: 'feed',
link: $this.data('uri'),
picture: $this.attr('src'),
name: $this.attr('title'),
caption: 'Your caption here',
description: 'Your description here.'
};
function callback(response) {
alert( "Post ID: " + response['post_id']);
}
FB.ui(obj,callback);
});
例を含む詳細はこちらです:
https://developers.facebook.com/docs/reference/dialogs/feed/
ここでJS-SDKを試してみることができます