Facebook share with custom parameters with API version 2.9

Question

Facebook share with custom parameters with API version 2.9

4.9k Views Asked by christof At 04 May 2017 at 09:42

I need to share a result of a quiz on Facebook containing a custom title, picture and description. Which worked perfectly before update to version 2.9 on April 18.

But it isn't working with Version 2.9. So am I missing out something there? Or does Facebook not want us to share custom Facebook Feeds of our websites in 2017?

For my Setup for a test Facebook feed I coded strictly with Facebook Developers Documentation.

Facebook Changelog v2.9 says parameter picture, name, description and caption are not supported anymore.

My Facebook API init:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '*APP-ID*',
      xfbml      : true,
      version    : 'v2.9'
    });
    FB.AppEvents.logPageView();
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

My fb-share call:

<script>
    $(document).ready(function() {
        $('#fbButton').click(function() {
            FB.ui({
                method: 'feed',
                link: '*URL*',
                caption: 'An example caption',
                picture: '*URL*/img/content4.jpg',
                name: 'An example name',
                description: 'An example description'
            }, function(response){});
        });
    });
</script>

As a result I get a Facebook feed without any picture or description. The only thing is a title (the title of page defined in the <head> with <title>).

Obviously, the usual procedure isn't working anymore.

So is there any way to share custom texts with custom pictures with the new Facebook API version 2.9?

Is there any workaround? Or is it just impossible with v2.9, because Facebook doesn't want us to share custom feeds like this? (for whatever reason..)

(and no, I cannot use og:tags)

Original Q&A

There are 3 best solutions below

**Ovidiu Turean** · Answer 1 · 2017-06-14T06:49:16.647000

Just encounter with this problem myself. After some research I found this solution:

www.facebook.com/sharer.php?caption=[caption]&description=[description]&u=[website]&picture=[image-url]

you can use JavaScript window.open to simulate the behavior like this:

Here is a working example: https://jsfiddle.net/ovidiu_turean/mhuexvjL/

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
  window.open('https://www.facebook.com/sharer.php?title=ThisIsAtitle&description=ThisIsAdesc&u=https://www.google.ro&picture=https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-526588.jpg', 'Share', 'scrollbars=yes,resizable=yes,toolbar=no,menubar=no,scrollbars=no,location=no,directories=no,width=300, height=300, top=300, left=300' );
}
</script>

**andyrandy** · Answer 2 · 2017-08-28T07:55:48.407000

https://developers.facebook.com/docs/apps/changelog#v2_9

Custom parameters are not possible anymore, shared URLs only take their data from the Open Graph Tags on the website, Open Graph Tags need to be static for each URL. Else, you could share ANY URL with ANY title/description, which could be misleading.

**Vipul** · Answer 3 · 2017-08-30T11:58:04.053000

I just tried to use open graph method instead of feed and override og properties, see below:

FB.ui({
            method: 'share_open_graph',
            action_type: 'og.shares',
            action_properties: JSON.stringify({
                object : {
                   'og:url': 'http://astahdziq.in/', // your url to share
                   'og:title': 'Here my custom title',
                   'og:description': 'here custom description',
                   'og:image': 'http://apps.investis.com/Dharmendra/fbPOC/south.jpg'
                }
            })
            },
            // callback
            function(response) {
            if (response && !response.error_message) {
                // then get post content
                alert('successfully posted. Status id : '+response.post_id);
            } else {
                alert('Something went error.');
            }
        });

this worked for me as I am able to post custom image with title and description.

Facebook share with custom parameters with API version 2.9

There are 3 best solutions below

Related Questions in FACEBOOK

Related Questions in FACEBOOK-GRAPH-API

Related Questions in FACEBOOK-JAVASCRIPT-SDK

Related Questions in FACEBOOK-SHARE

Related Questions in FACEBOOK-FEED

Trending Questions

Popular # Hahtags

Popular Questions