facebook-opengraph - Facebook 帖子重定向到空白页面 : https://www. facebook.com/dialog/return/close?#_=_

Question

我的其中一个页面上有 og 标签:

  %meta{property:"og:image", content:"https://stars-et-metiers.s3.amazonaws.com/posters/attachments/000/000/990/large/rsz_sm_01_rvb.jpg?1478271329" }
  %meta{property:"og:url", content: votes_url }
  %meta{ property: 'og:description', content: "J’ai voté pour mon lauréat coup de ❤ Stars & Métiers 2016 ! Et vous, quel est votre coup de cœur ? avec lien minimisé vers la page lauréat du site" }

这个想法是告诉 facebook 实际上检查来自另一个页面的 ogs 以创建丰富的帖子:

 %meta{property:"og:url", content: votes_url }

因此 facebook 实际上应该从 votes_url 路径中删除 ogs :

%meta{ property: 'og:title', content: "J’ai voté pour mon lauréat Stars et Metiers" }
  / %meta{ property: 'og:url', content: laureates_url }
  %meta{ property: 'twitter:card', content: 'summary' }
  %meta{name:"twitter:title", content: "J’ai voté pour mon lauréat Stars et Metiers"}
  %meta{property:"og:image", content:"https://stars-et-metiers.s3.amazonaws.com/posters/attachments/000/000/990/large/rsz_sm_01_rvb.jpg?1478271329" }
  %meta{property:"og:url", content: votes_url }
  %meta{name:"twitter:description", content:"J’ai voté pour mon lauréat coup de ❤ Stars & Métiers 2016 ! Et vous, quel est votre coup de cœur ?" }
  %meta{ property: 'og:description', content: "J’ai voté pour mon lauréat coup de ❤ Stars & Métiers 2016 ! Et vous, quel est votre coup de cœur ? avec lien minimisé vers la page lauréat du site" }

如您所见，这运行良好 here
我的应用程序上有一个 Facebook“共享链接”:

<a href="http://www.facebook.com/share.php?u=https://staging-starsetmetiers.herokuapp.com/prix-coup-de-coeur-du-public/17722/notification"><div aria-hidden="true" class="fa fa-facebook-square social-icon" id="i"></div>
</a>

当用户点击它时，它会重定向到 facebook 并共享页面，但是当我点击 facebook 上的丰富帖子时，重定向不起作用:
我被重定向到一个空白页面:https://www.facebook.com/dialog/return/close?#_=_这是怎么回事，为什么我没有重定向到正确的网址？

Answer 1

我不知道为什么它没有返回到正确的 URL，但我遇到了同样的问题并创建了以下解决方案:

<a href="#" onclick="fbShareWindowOpen()">
  <span id="fbShareButton">Share this on facebook!</span>
</a>
<script>
  function fbShareWindowOpen() {
    var myWindow = window.open("https://www.facebook.com/sharer/sharer.php?u=www.url-to-share.com/", "", "top=30px,width=200,height=100");
  }
</script>

这将打开一个窗口，该窗口将正确调整大小以适合 facebook 共享者 UI。当链接被共享(点击共享按钮)时，新窗口将关闭，从而形成一个非常干净的流程。

我不确定，但我认为 facebook 共享者子窗口是由“..return/close..”重定向 URL 关闭的。