Google+分享自定义文字和缩略图

时间:2012-04-05 15:00:07

标签: share google-plus

在为Facebook创建共享链接时,您可以通过执行以下操作来个性化共享链接:

<a title='Share on Facebook' 
href='http://www.facebook.com/sharer.php?s=100
&p[title]=TITLE_HERE
&p[summary]=TEXT_HERE
&p[url]=URL_HERE
&p[images][0]=URL_TO_IMAGE' target='_blank' >
<img alt="Facebook" src="ICON_URL" />
</a>

有没有办法与Google+做类似的事情,而不必填写标题中的元标记(因为我需要在一个页面中共享多个链接)

1 个答案:

答案 0 :(得分:8)

您可以使用schema.org微数据。这些不是站点头部中的标记,而是您分配给特定节点的属性。以下是它如何工作的一个例子:

假设您有一篇包含多篇文章的博客,每篇文章都应该有自己的+1按钮。在每篇文章的最外层节点中(如果您使用的是HTML5语义,它可能是<article>),您可以定义一个新的itemscope以及特定的itemtype(在这种情况下) "http://schema.org/BlogPosting",请参阅list of all types)。

接下来,使用itemprop字段注释应包含在共享代码段中的字段。例如,如果文章有图像,则<img>节点可以使用itemprop="image"进行注释,依此类推。

请注意,这些注释仅在当前的itemscope中有效。 +1按钮也必须放在此范围内,因为它会查找DOM层次结构中按钮上方的第一个itemcope。

积极的一面是,您可以为每个页面定义多个项目范围,从而轻松地将多个+1按钮与不同的共享片段集成在一起。

+1 button documentation上还提供了更多信息。