Question

我在网站上添加了分享和喜欢按钮。

http://5.135.145.154/product?id=1

但我有问题，我可以分享网站，但如何在这个共享框架上设置我自己的图像？我有一个产品的主要形象，我想分享这个图像和描述，但在Facebook上有不同的图像（我想从网站随机图像？）

此代码分享我的图片：

<script>
(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) return;
   js = d.createElement(s); js.id = id;
   js.src = "//connect.facebook.net/cs_CZ/sdk.js#xfbml=1&appId=59782362627&version=v2.0";
   fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-like" data-href="http://5.135.145.154/product?id=${product.id }" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>

Answer 1

您的html中是否定义了Open Graph Metatags（尤其是og:image）？来自Facebook Sharing Best Practices关于og-image - 标记：

有人将内容分享到Facebook时显示的图片的网址。请参阅我们的最佳实践指南，了解如何指定高质量的预览图像以及图像文档以指定宽度和高度。

如果你没有那套，Facebook Crawler只会使用随机图像，就像你目前的情况一样。

如何在Facebook上与网站上的图像分享我自己的网站

1 个答案: