web-dev-qa-db-ja.com

カスタム名、キャプション、画像、説明を新しいFacebookの共有ダイアログまたはOgメタから取得しないカスタムストーリーに追加する

クイズスクリプトを作成しています。したがって、私はクイズの結果を共有したいと思います。ogメタデータではありません。

古いFB.uiフィードアクションを使用して、URLを共有するよりもカスタム名、キャプション、説明、メッセージを追加できることを知っています。例えば。：

    FB.ui({
    method: 'feed',
    href: url,
    name: name,
    caption: title,
    description: des,
    message: message,
    picture: img,
}, function(response){});

しかし、これはすぐに廃止されると思いますか？！

これは新しい共有APIでも可能ですか？または、カスタムストーリーでこれを行うことはできますか？どうやって？私はのようなものを探しています

    FB.ui({
    method: 'share',
    href: url,
    name: name,
    caption: title,
    description: des,
    message: message,
    picture: img,
}, function(response){});

しかし、これは機能していません：/それはhrefだけを取ります。その他はすべて無視され、事前入力されません:(

これを行うためのベストプラクティスまたはFacebook推奨の方法はありますか？

APIドキュメント： https://developers.facebook.com/docs/sharing/reference/share-dialog

どうも。あなたの助けに本当に感謝しています

facebookfacebook-graph-apifacebook-javascript-sdkfacebook-appsfacebook-sharer
12
Manuel

2019年に更新されました。このメソッドは機能しなくなりました。新しい解決策はまだ見つかっていません。 :(

27.06.2018に更新しました。古いバージョンのコードが正しく動作しなくなりました。共有された画像は、大きな列全体の画像ではなく、左側に小さな画像として表示されました。修正は、action_type: 'og.shares'をaction_type: 'og.likes'に置き換えることです。

このコードを使用してください：

    FB.ui({
    method: 'share_open_graph',
    action_type: 'og.likes',
    action_properties: JSON.stringify({
        object: {
            'og:url': url,
            'og:title': title,
            'og:description': des,
            'og:image': img
        }
    })
},
function (response) {
// Action after response
});

これは、APIバージョン2.9 +で機能します。 og.sharesaction_typeの使用は、FBのドキュメントに記載されておらず、大きな画像が適切に表示されないため、これ以上お勧めしません。現在はog.likesを使用しています。小さな欠点は、 "John Doeがdribのオブジェクトが好き"のような文章で、ユーザーウォールの共有ダイアログと共有コンテンツの上部にあります。

完全に機能する例のチェックアウトについて JavaScriptでFacebookのオープングラフのメタデータを動的に変更する 。

10
DamirR

これらのパラメーターが[共有]ダイアログのどこに文書化されているのかはわかりませんが、推測したところ、これらはすべて機能しました。ヒントとして、Feedメソッドで使用していた「name」パラメーターを「title」に変更します。 1つのWebページ上の複数の共有ボタンからカスタム共有しています。もちろん、すべての「カスタム...」変数を独自の変数または「文字列」に置き換えます。

FB.ui({
        method: 'share',
        href: 'http://yourwebpage.com',
        picture: customImage,
        title: customTitle,
        description: customDescription,
        caption: customCaption

    }, function(response) {});
5
spacewindow

実際には可能な回答ごとにページを作成し、各回答に異なるogメタを追加する必要がありましたが、 code igniter のようないくつかのURLインタープリターを使用して、URLとそのコンテンツを生成し、関数を作成して、メタタグを動的に挿入します。これは、URLが実際にはサーバーへの場所ではなく、関数とそのパラメーターの呼び出しであるRESP WebサービスAPIと同様に機能します。

0
Jorge Rivera

実際にこれは私のために働いています

            FB.ui({
                method: 'share',
                href: urlHost+link,
                // method: 'feed',
                title: name,
                link: urlHost+link,
                picture: urlHost+"/assets/images/fb.jpg",
                caption: "Interbank",
                description:description
0
roll