0

商品リストページがあります。各商品の共有リンクを表示したいのですが、個々の商品の画像を共有したいと思います。これどうやってするの ?

個々の製品イメージを共有する必要があるため、メタは役に立たないと思います。

4

1 に答える 1

1

画像ごとに独自のボタンを作成し、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を試してみることができます

https://developers.facebook.com/tools/console/

于 2012-05-15T14:19:51.090 に答える