无法使用开放图在 Facebook 上分享动态图像答案

【问题标题】：Unable to share dynamic image on Facebook using open graph无法使用开放图在 Facebook 上分享动态图像
【发布时间】：2019-07-16 07:37:52
【问题描述】：

Facebook 上的动态图像不显示。我正在 index.html 页面中编写这段代码

<script type="text/javascript" src="//connect.facebook.net/en_US/sdk.js"></script>
<meta property="fb:app_id" content="2045440062427669" />
<meta property="og:url" content="@thisUrl">
<meta property="og:type" content="article">
<meta property="og:title" content="Cliff Keen Uniform Builder">
<meta property="og:description" content="">
<meta property="og:image" id="ShareImagePath" content="">
<meta property="og:image:width" content="3000">
<meta property="og:image:height" content="10000">
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId: '2045440062427669',
      autoLogAppEvents: true,
      xfbml: true,
      version: 'v2.10'
    });
    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
<body>
  <button type="button" class="btn btn-primary fb" onclick="shareOverrideOGMeta('@thisUrl','Cliff Keen Uniform Builder','')"><span><i class="fab fa-facebook-f"></i></span></button>
</body>


I am writting this code on binding.js file


function shareOverrideOGMeta(CurrentUrl, overrideTitle, overrideDescription) {
var OriginalUrl = CurrentUrl.split("&");
console.log('Original Url=', OriginalUrl)
OriginalUrl = OriginalUrl[0];
var CurrentLoggedInUser = sessionStorage.getItem("GetCurrentLoggedInUser");
overrideDescription = "Created on the CliffKeen Athletic Uniform Builder by \"" + CurrentLoggedInUser + "\"";
console.log("value=" + sessionStorage.getItem("CurrentPathOfImage"))

这是获取动态路径的代码

  var path = sessionStorage.getItem("CurrentPathOfImage")
  FB.ui({
    method: 'share_open_graph',
    action_type: 'og.likes',
    action_properties: JSON.stringify({
      object: {
        'og:url': OriginalUrl,
        'og:title': overrideTitle,
        'og:description': overrideDescription,
        'og:image': path
      }
    })
  }, function(response) {});
}

第一次收到这个错误信息

对象缺少必需值：URL“http://ub.cliffkeen.com/builder?design=36221cc4-f0b1-4a18-b166-17452d340ff1”处的对象 “article”类型的无效，因为未提供“url”类型的必需属性“og:image:url”。

【问题讨论】：

标签： jquery arrays asp.net-mvc

【解决方案1】：

动态OG标签不再可能，您需要在页面源中提供OG标签。查看有关可能参数的文档：https://developers.facebook.com/docs/sharing/reference/share-dialog

【讨论】：