Facebook发布重定向到空白页面:https://www.facebook.com/dialog/return/close?#_ = _

时间:2016-11-20 16:26:52

标签: facebook-opengraph facebook-share

我的一个页面上有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?#_=_

这里发生了什么,为什么我没有被重定向到正确的网址?

1 个答案:

答案 0 :(得分:0)

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

<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 sharer UI。共享链接(单击共享按钮)后,新窗口将关闭,从而形成非常干净的流程。

我不确定,但我认为facebook分享器子窗口被&#34; ..返回/关闭...&#34;重定向网址。