【问题标题】:Multiple share buttons that produce different content, within the same page, using Facebook OpenGraph Meta tags使用 Facebook OpenGraph 元标记在同一页面内生成不同内容的多个共享按钮
【发布时间】:2015-01-23 20:47:49
【问题描述】:

我有一个“单页”网站。我们称之为“mySite.com/index.html”。

我希望用户通过 Facebook 分享我的页面上有几个不同的地方。当在用户的 Facebook 时间轴上共享时,这些项目中的每一个都应显示不同的图像和标题文本。

当从 Facebook 时间线查看帖子时,这些项目帖子中的每一个都应将 Facebook 用户链接回我的网站“mySite.com/index.html”。

例子:

在我的页面上,我希望有两个不同的分享按钮:

A. ButtonA:这个按钮会在用户的 Facebook 时间线上创建一张大象的图片,标题是“A Beautiful Elephant!”。当点击帖子时,用户时间线上的这篇帖子应该链接回我的页面。

A. ButtonB:此按钮将在用户的 Facebook 时间线上创建一张老虎的图片,标题为“一只可怕的老虎!”。当点击帖子时,用户时间线上的这篇帖子应该链接回我的页面。

问题:

我的理解是,为了创建包含有吸引力的标题文本和图像的 Facebook 时间线帖子,我必须在链接到的同一页面上使用 Facebook OpenGraph 元标记。似乎不可能在“mySite.com/index.html”上有两组不同的 Facebook 元标记,一组概述“大象”帖子,另一组概述“老虎”帖子。

我能想到的唯一可能的解决方案是:

  • 为我要发布的每个帖子创建一个特殊的“Facebook Meta HTML 页面”。每个“特殊页面”仅包含我希望概述的帖子的元标记。 “mySite.com/elephant_meta.html”

特殊页面的正文将是空白的。这会起作用,但有一个问题:生成的 Facebook 帖子会将用户链接到“mySite.com/elephant_meta.html”,这只是一个空白页面。我希望他们被引导到“mySite.com/index.html”。

解决方案:在“mySite.com/elephant_meta.html”的正文中创建一个 JavaScript 重定向。此重定向会将用户带到“mySite.com/index.html”。

这会起作用,但感觉非常hacky。有没有更好的办法?

【问题讨论】:

    标签: facebook facebook-opengraph meta


    【解决方案1】:

    仍然在打开图表的内容上找到我的方式,但我理解它的方式,您可以将 og:url 设置为您希望用户在 facebook 上单击您的故事中的链接时转到的 url。因此,您的每个元页面都可以使用 og:url 元标记指向您的主站点页面。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-10-13
      • 1970-01-01
      • 2012-09-11
      • 1970-01-01
      • 2012-10-15
      • 1970-01-01
      • 2012-05-30
      相关资源
      最近更新 更多