在Facebook上共享自定义网址的按钮

时间:2016-03-30 12:45:46

标签: javascript facebook meteor meta-tags

Facebook的份额让我感到困惑,而且除了痛苦的文件之外我什么都没有,所以我必须来这里清理一些事情:

1)是否可以制作一个自定义按钮,该自定义按钮与自定义图片或该页面上的元标记中的自定义图片共享自定义网址(https://example.com而不是https://example.com/here?应该是正常情况下Facebook上的链接。

2)如果是这样,怎么样?

3)在Meteor中,通过JavaScript构建整个页面会变得更复杂吗?我有一个关于元标记的SEO包,但就是这样。

1 个答案:

答案 0 :(得分:2)

我个人避免使用facebook的javascript库和小部件,尽管我认为它们实现起来并不是很糟糕。

Facebook确实支持非javascript选项来共享Facebook的链接。这是我喜欢使用的。

分享到没有javascript的Facebook

分享链接如下所示:

https://www.facebook.com/sharer/sharer.php?u=[URL-TO-SHARE-GOES-HERE]

您可以将[URL-TO-SHARE-GOES-HERE]替换为您要共享的网址。例如:

https://www.facebook.com/sharer/sharer.php?u=https://example.com

在您的页面上,您将创建一个这样的分享按钮:

<a href="https://www.facebook.com/sharer/sharer.php?u=http://example.com" target="_blank">
    <img src="[facebook-share-button]" />
</a>

[facebook-share-button]应该是您希望用户点击的“自定义按钮”的网址。

在将url(http://example.com)添加为参数之前对其进行URL编码。否则,可能无法正确共享更复杂的URL。在将html返回给用户之前,您可以在内容管理系统(CMS)中对服务器端的URL进行编码,或者您可以使用javascript(encodeURIComponent)进行编码。

哪个图片在Facebook上显示链接?

这篇文章详细解答:How does Facebook Sharer select Images and other metadata when sharing my URL?

您基本上会将特定的元标记添加到网页的<head>部分。这允许您指定要显式显示的图像。