2012-04-25 11 views
1

ユーザーがHTML5 Canvasを生成したことがFacebookのLikeアクションにアタッチされ、Facebookの壁面で共有できるかどうかは知りませんか?Facebook Like HTML5 Canvas

キャンバスは<img>タグとog:imageメタデータで指定されたタグのIDにレンダリングする必要がありますか?

+0

あなたがしようとしていることを少し良く説明できますか? –

+0

これは、バイクの設定担当者のために、ユーザーが設定したビルドをFacebookの壁面に共有できるようにしたいさまざまなパーツとカラー(現在は別々の透過イメージで表示されている)を選択することで自転車ビルドを設定します。 –

答えて

1

私はそれを見ると2つの選択肢があります。

(1)Like Buttonを使用し、ユーザーが選択した設定のogタグを生成する動的URLを入力します。 好きなボタンのチュートリアルの2番目のステップでは、必要なものが表示されるようにogタグを生成し、ユーザーが設定した内容に従ってサーバーが生成するようにします。 これが可能になるように、ユーザーが設定を完了したときに、ページからサーバーに要求する必要があります。

(2)js sdkに付属のFeed Dialogを使用してください。 たとえば、あなたが物語のすべてのフィールドを指定することができることを使用して:あなたは、あなたが簡単にできる設定あたりの特定のURLを持っている場合、それはもちろん可能である

var obj = { 
    method: "feed", 
    picture: "URL_FOR_THE_CONFIGURED_BIKES_PIC", 
    name: "My custom bikes!", 
    caption: "I just finished building a new pair of bikes", 
    description: "My configuration: ....." 
}; 

FB.ui(obj, function(response) { 
    console.log(response); 
}); 

は、第三に両方のオプションを混在させる:

FB.ui({ 
    method: "feed", 
    link: "URL_FOR_THE_USER_CONFIGURATION" 
}, function(response) { 
    console.log(response); 
}); 

そしてfacebookはそのリンクのogタグからデータを抽出します。

+0

したがって、Facebookは、HMTL5キャンバスでレンダリングされたイメージをクライアントに「添付」することができないでしょう - イメージをサーバー上でレンダリングし、そのURLをFacebookに提供する必要がありますか? –

+0

イメージとしてアップロードしたいキャンバス要素を参照していますか? –

+0

キャンバス要素を使用してさまざまなイメージを1つのイメージに結合して、イメージサーバー側をレンダリングまたは保存せずにクライアント上のFacebookに共有できるかどうかは疑問です。 - 「お気に入り」のURLに設定を保存すると、レンダリングされたキャンバスイメージをスクラップして壁ポストに貼り付けられますか? 私の推測はおそらくそうではありません。イメージはまずサーバーに保存する必要がありますか? –