3

我已经实现了 Omniauth 和 Koala7 gem 来将我的应用程序与 Facebook 集成。一切都很好,除了发布自定义对象的自定义操作的一个小问题。

问题是我的对象 url 应该是新创建的帖子的显示页面,例如 /posts/1。为了使这个页面被识别为 facebook 对象,我需要将 facebook 元标记放在show.html.erb的顶部,如下所示:

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# sdff: http://ogp.me/ns/fb/sdff#">
  <meta property="fb:app_id" content="myid" /> 
  <meta property="og:type"   content="sdff:post" /> 
  <meta property="og:url"    content="<%= "http://sdff.herokuapp.com" + post_path(@post) %>" /> 
  <meta property="og:title"  content="Sample" /> 
  <meta property="og:image"  content="https://fbstatic-a.akamaihd.net/images/devsite/attachment_blank.png" /> 
</head>

问题是 facebook对象调试器将其识别为 atype:webpage而不是type:post. 我认为这是因为/layouts/application.html.erb中已经有默认的 head 标签,如下所示:

<head>
  <title>sdff</title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>

我假设这是因为对象调试器特别指出:

正文中的元标记:您的 . 这可能是因为您的格式错误并且它们在解析树中的位置较低,或者您不小心将 Open Graph 标记放在了错误的位置。无论哪种方式,您都需要在标签可用之前对其进行修复。

那么我该如何解决这个问题呢?我需要将 facebook 元标记放在我的 中show.html.erb,但页面本身已经是整个应用程序布局主体的一部分。

4

1 回答 1

20

根据您发布的错误消息,我认为您的元标记不在<head>应有的范围内。这是使用content_for块的好例子。在您的 show.html.erb 视图中,将所需的元标记放入一个content_for :head块中。这会保存 html 并允许您将其插入布局中的其他位置。

<% content_for :head do %>
  <meta property="fb:app_id" content="myid" /> 
  <meta property="og:type"   content="sdff:post" /> 
  <meta property="og:url"    content="<%= "http://sdff.herokuapp.com" + post_path(@post) %>" /> 
  <meta property="og:title"  content="Sample" /> 
  <meta property="og:image"  content="https://fbstatic-a.akamaihd.net/images/devsite/attachment_blank.png" /> 
<% end %>

然后只需将一个添加yeild(:head)到您的应用程序模板。您放置在显示视图中的 html 将插入到应用程序模板中的该位置。我们在这里检查 nil 以便认为收益率是可选的。

<head>
  <title>sdff</title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
  <%= content_for?(:head) ? yield(:head) : '' %>
</head>
于 2013-02-18T05:01:56.640 回答