1

在我的网站主页上，我有一个文章预告列表。我想在预告片中添加社交分享链接。然而，我所有的尝试都导致社交链接为用户所在的当前页面生成帖子，而不是预告片链接到的实际页面。

任何建议将不胜感激。

4

2 回答 2

2

Facebook Like 按钮和 Google +1 按钮都支持定位其他页面，但技术略有不同。

+1 按钮

根据+1 按钮文档href中的此代码段，您可以使用页面标题中的属性或rel=canonical链接元素覆盖定位当前页面的默认行为。

+1 的 URL 由以下三项之一确定：

  1. 按钮的href属性。例如：<g:plusone href="http://example.com"></g:plusone>将定位http://example.com。

  2. 页面的<link rel="canonical" ... />标签 如果未提供 +1 按钮的 href 属性，Google 将使用该页面的规范 URL。有关为页面定义规范 URL 的更多信息，请参阅此帮助文章。

  3. document.location.href 提供的 URL

还有一个您可能会发现有用的配置工具。

Facebook 喜欢按钮

根据官方文档，您可以使用href属性或 OpenGraph 标记。

该href属性的作用与 +1 按钮上的作用非常相似。这是一个针对http://example.com的点赞按钮。

<div class="fb-like" data-href="http://example.com" 
  data-send="true" data-width="450" data-show-faces="true"></div>

OpenGraph 选项要求您将元元素添加到文档的标题中。这是针对http://example.com的 OpenGraph 元素：

<meta property="og:url" content="http://example.com" />
于 2012-04-20T00:33:02.447 回答
1

您可以为每个社交媒体创建自定义分享按钮。以下是热门的分享链接。

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

https://twitter.com/share?url=

您需要在上面的每个“...url=”后面加上自定义 URL 的编码版本。如果您有几篇文章，您可以手动执行此操作，但如果您有很多，您可以使用：

encodeURIComponent(varURL)

然后通过抓取文章的 src 来生成 varURL，它可能类似于：

varURL = $('.articleDiv').children().attr('src');
于 2014-02-24T21:58:19.450 回答