链接在 Facebook 页面自定义选项卡上不起作用答案

【问题标题】：Links not working on Facebook Page Custom Tab链接在 Facebook 页面自定义选项卡上不起作用
【发布时间】：2019-03-02 08:48:55
【问题描述】：

我为 Facebook 页面创建了一个自定义选项卡。一切都在显示，唯一发生的问题是该选项卡中的链接都没有工作。是否需要为 Facebook 标签页添加特殊代码才能使链接正常工作？

这是 facebook 标签页。

https://www.facebook.com/AstellasUS/app/2475799012460272/

以及我在下面使用基本 HTML 的链接

<li>Twitter: <a href="http://www.twitter.com/astellasus">twitter.com/astellasus</a></li>
<li>LinkedIn: <a href="http://www.linkedin.com/company/astellas-pharma">linkedin.com/company/astellas-pharma</a></li>
<li>YouTube: <a href="http://www.youtube.com/user/AstellasUS">youtube.com/user/AstellasUS</a></li>
<li>Website: <a href="http://www.astellas.us">astellas.us</a></li>

【问题讨论】：

标签： html facebook facebook-apps

【解决方案1】：

它们“不起作用”，因为这些网站禁止通过 X-Frame-Options 标头显示在不同域的框架内。

尝试在应用 iframe 中打开这些网站一开始并没有多大意义 - 因此只需将 target="_blank" 添加到这些链接中，以便它们在新窗口/标签中打开。

【讨论】：

根据 FB 指南，这些链接也应该是“https”而不是“http”
对于外部链接不一定，当您在新窗口/标签中打开它们时，这超出了 Facebook 的“范围”。但是，当然，如果它们在 HTTPS 版本中可用，那么现在应该始终优先考虑 ;-)