title: Use Facebook share_open_graph for dynamic dialog with rectangle image instead of square
body: <p>We have dynamic "achievements" for users logged in to our web site via facebook, and we want to allow them to post to facebook. Some of the achievements will use the small square but we want others to have a large rectangle image.</p>
  
  <p>We also need to be able to detect when they have posted.</p>
  
  <p>We successfully used the <a href="https://www.facebook.com/sharer.php" rel="nofollow noreferrer">https://www.facebook.com/sharer.php</a> however it no longer uses the "redirect_uri" so we cannot detect when a user posts.</p>
  
  <p>Next we successfully integrated the <a href="https://www.facebook.com/dialog/feed" rel="nofollow noreferrer">https://www.facebook.com/dialog/feed</a>? but, according to facebook the ability to specify 'picture', 'name' and 'description' will no longer work after July 17 2017 - <a href="https://developers.facebook.com/docs/sharing/reference/feed-dialog" rel="nofollow noreferrer">https://developers.facebook.com/docs/sharing/reference/feed-dialog</a></p>
  
  <p>I found this post <a href="https://stackoverflow.com/questions/23514157/using-share-open-graph-facebook-ui-to-create-dynamic-share-dialog-for-quiz-res#33010487">Using &quot;share_open_graph&quot; Facebook UI to create dynamic share dialog for quiz results</a> which can solve the problem of being able to create the share dialog dynamically. However, using a large image 1200 x 630 still renders a small square.</p>
  
  <p>Here is the code:</p>
  
  <pre>
  FB.ui({
      method: 'share_open_graph',
      action_type: 'og.shares',
      appId: myapid,
      action_properties: JSON.stringify({
          object : {
              'og:url': 'http://ww.mywebpage.com', // your url to share
              'og:title': 'My Title',
              'og:description': 'My Description',
              'og:image': 'http://ww.mywebpage.com/myimage.gif',
              'og:image:type':'image/gif',
              'og:image:width':'1200',
              'og:image:height':'630'
          }
      })
  });
  </pre>
  
  <p>The above works, but the image is always the square.</p>
  
  <p>I've seen a suggestion to remove the apid, but that didn't work.</p>
  
  <p>I have also tried using the debug to re-scrape the image etc but that doesn't work either.</p>