我已经尝试了 og:image 元标记,如 https://developers.facebook.com/docs/plugins/like-button 这里给出的那样。这似乎支持一个页面的一个图像,Facebook似乎假设你需要在一个html页面中有一个共享按钮。
此外,一个类似的问题 - 一个页面中带有自定义图像和标题的多个 Facebook、Twitter 共享按钮不会回答页面中多个共享按钮中的每个自定义图像。以下是我为每次插入添加 og:image 的方式。下面的代码片段在循环中。
提前感谢您的帮助。
<div class="row">
<div class="col-sm-12">
<% @map_url = ('http://maps.google.com/?q='.to_s + @user.address.to_s) %>
<small><%= link_to @user.address, @map_url, target: "_blank", style: 'color:#0645AD;' %>
</small>
<% @facebook_comment_url = ('https://wobbleapp.in/users/'.to_s + @user.id.to_s) %>
<meta property="fb:app_id" content="XXXXXXXXXX" />
<meta property="og:url" content= <% @facebook_comment_url%> />
<meta property="og:image" content="https://d2l5nbch64gdxx.cloudfront.net/uploads/user/image/47287/upload_image.jpeg" />
<meta property="og:description" content="Potholes in your locality!" />
<div class="fb-like pt-2"
data-href= <%= @facebook_comment_url %>
data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
<div
class="fb-comments"
data-href= <%= @facebook_comment_url %> ></div>
</div>
</div>
</div>
有一个网页(例如 http://example.com/(才能拥有FB共享按钮脚本和html标签,例如 多个Facebook,Twitter共享按钮在一个页面中带有自定义图像和标题
然后,您需要每个图像网页(例如 http://example.com/image/1(具有Open Graph元标记,根据 https://developers.facebook.com/docs/sharing/opengraph/using-objects#objectapi
您不会将<meta property="...">
标签与FB共享按钮脚本和标签放在同一页面上。 这就是WizKid和CBroe在评论中试图解释的内容。