使用共享按钮时更改图像

Question

我正在使用以下代码在我的网站上使用自定义按钮进行分享：

<div id="share_buttons">
    <img src="images/facebook.png" onclick="popup('http://www.facebook.com/share.php?u=<?php echo $URL; ?>', 'Share on Facebook');">
    <img src="images/twitter.png" onclick="popup('http://twitter.com/intent/tweet?status=<?php echo $coil->name . " at: " . $URL; ?>', 'Share on Twitter');">
    <img src="images/googleplus.png" onclick="popup('https://plus.google.com/share?url=<?php echo $URL; ?>', 'Share on Google+');">
</div>

问题是，当我共享页面时，它会从单击的按钮中选择图像。我没有使用任何 Twitter、Facebook 或 google 的 API，因为它们不允许我使用自定义图像（据我所知）。我想为共享定义一个图像，当有人共享它时。这将如何完成？谢谢

Answer 1

我添加了以下元标记以使其正常工作。根据我的测试，只有当你拥有所有这四个时它才有效。

<meta property="og:image" content="url/path/to/image" />
<meta property="og:description" content="Text that will be displayed below title" />
<meta property="og:url"content="URL of page" />
<meta property="og:title" content="Title of shared post" />

如果您遇到问题，可以尝试使用 Facebook 调试器查看 Facebook 看到的内容。 https://developers.facebook.com/tools/debug/

使用共享按钮时更改图像

Change image when using share buttons

html

php

share

facebook

google-plus