Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Facebook上共享自定义url的按钮_Javascript_Facebook_Meteor_Meta Tags - Fatal编程技术网

Javascript 在Facebook上共享自定义url的按钮

Javascript 在Facebook上共享自定义url的按钮,javascript,facebook,meteor,meta-tags,Javascript,Facebook,Meteor,Meta Tags,Facebook的共享内容让我感到非常困惑,而我对他们的文档感到头疼,所以我必须来这里澄清一些事情: 1) 是否可以创建共享自定义URL的自定义按钮(https://example.com而不是https://example.com/here使用自定义图像或该页面元标记中的图像?整个图像应该是Facebook上的链接,就像正常情况一样 2) 如果是,怎么做 3) 在Meteor中,整个页面都是通过JavaScript构建的,这会变得更复杂吗?我有一个针对元标记的SEO包,但仅此而已。我个人避免使

Facebook的共享内容让我感到非常困惑,而我对他们的文档感到头疼,所以我必须来这里澄清一些事情:

1) 是否可以创建共享自定义URL的自定义按钮(
https://example.com
而不是
https://example.com/here
使用自定义图像或该页面元标记中的图像?整个图像应该是Facebook上的链接,就像正常情况一样

2) 如果是,怎么做


3) 在Meteor中,整个页面都是通过JavaScript构建的,这会变得更复杂吗?我有一个针对元标记的SEO包,但仅此而已。

我个人避免使用facebook的javascript库和小部件,尽管我认为它们的实现并没有那么糟糕

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

不使用javascript共享到facebook 共享链接如下所示:

https://www.facebook.com/sharer/sharer.php?u=[URL-TO-SHARE-GOES-HERE]
<a href="https://www.facebook.com/sharer/sharer.php?u=http://example.com" target="_blank">
    <img src="[facebook-share-button]" />
</a>
您可以将
[URL-TO-SHARE-go-HERE]
替换为要共享的URL。例如:

https://www.facebook.com/sharer/sharer.php?u=https://example.com
在您的页面上,您将创建一个如下所示的共享按钮:

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

[facebook共享按钮]
应该是您希望用户单击的“自定义按钮”的url

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

哪个图片显示在facebook上的链接? 这篇文章详细回答了以下问题:

基本上,您可以将特定的元标记添加到页面的
部分。这允许您指定要显式显示的图像