javascript - Mailchimp Facebook 共享 URL 未重定向到正确的 URL

Question

我正在尝试使用 Mailchimp 中的 Facebook 共享插件提供变量。我想分享这个网址:

https://www.example.com/#!/campaign/5577fc135257be030087f44b/landing

我使用 JavaScript，因此我使用 encodeURIComponent(uri) 对 URL 进行编码，这使我能够使用 Facebook Share:

https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.example.com%2F%23!%2Fcampaign%2F555ee391c95a870300616317%2Flanding

Facebook 共享对话框正确显示。然而，它只共享 www.example.com，其余的 url 已被删除。

我做错了什么？

Answer 1

这里需要注意的 2 个陷阱:

1. 令人惊讶的是，Mailchimp 的社交共享内容 block 在构建共享 URL 时不会对您的链接进行 URL 编码。因此，正如您所建议的，您需要自己对其进行 URL 编码。
2. JavaScript 的 encodeURIComponent 并不完全是您想要的，因为 it will not escape the exclamation mark (!)，以及一些在 URL 中具有特殊含义的其他字符(请参阅 MDN reference )。将链接中的 ! 替换为 %21 即可使其正常工作。

遗憾的是，我还没有找到可靠地执行此 URL 编码的 JavaScript 库(url 没有)，您可能需要手动替换 !。