具有哈希的 Facebook 共享 URL

Question

我的单页网站有一些产品，点击时产品详细信息显示为简单的弹出窗口。每个产品都有 Facebook 分享。但是当我在 Facebook 上分享 url 在共享 url 中说 www.example.com#product1 时，#product1 被删除。

FB.ui({
  method: 'share',
  href: 'http://example.com/#product1',
}, function(response){});

当我分享时，它只有 http://example.com/ , 不是 http://example.com/#product1 .我希望像 http://example.com/#product1 这样共享完整的 URL .它以某种方式被剥离。

如何避免这种情况？

Answer 1

就像 CBroe 提到的那样，Facebook 索引 URL 并且 # 不被视为 URL 的一部分。

一个解决方案是使用“hashbang”#! 符号代替。 Facebook 关注 Google Ajax Specification允许索引，在这种情况下，Ajax 网站。

效果是 http://www.example.com/#!/product1 将被重写，而对您的服务器的查询变为 http://www.example。 com/?_escaped_fragment_=/product1.反过来，您可以在您的服务器上捕获它并使用专门针对该产品的页面进行回复。

您可以在此处阅读更详尽的答案:https://stackoverflow.com/a/15024853/561485

最重要的部分是您的网站应该能够为每个产品提供专门的页面；如果您只有索引页，使用 # 符号将始终共享相同的 url。