Facebook API Question posted in
The official documentation for the Facebook APIs can be found here.

Facebook share with custom parameters with API version 2.9 – Facebook api

I need to share a result of a quiz on facebook containing a custom title, picture and description. Wich worked perfect 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 don’t 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 fb 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)

Tags:

3

Answers


  1. 0

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

    http://www.facebook.com/sharer.php?caption=%5Bcaption%5D&description=%5Bdescription%5D&u=%5Bwebsite%5D&picture=%5Bimage-url%5D

    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>
    Login or Signup to reply.
  2. 0

    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.

    Login or Signup to reply.
  3. 0

    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.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search