如何将自定义图像添加到多个Facebook分享按钮中的每一个？我在单个页面中有多个分享按钮

我已尝试使用og：image meta tag，如https://developers.facebook.com/docs/plugins/like-button所示。这似乎支持一个页面的一个图像，并且Facebook似乎假设您需要在一个html页面中有一个共享按钮。如何将自定义图像添加到多个Facebook分享按钮中的每一个？我在单个页面中有多个分享按钮

此外，类似的问题 - Multiple Facebook, Twitter share buttons in one page with custom image and title不会自定义图像到页面中的多个分享按钮中的每一个。以下是我为每个插入添加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>

来源

2017-04-06 anubhav16

正确。一个网址=一个图片。只是分享不同的独特的URL，并设置正确的OG：图像为他们每个人的 – WizKid

@WizKid我加入唯一的网址使用数据href标记每股按钮

data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true">

不知道如何OG：可以添加图像meta标签到每个分享按钮。你能举个例子吗？ – anubhav16

那么你需要为每个这样的URL的HTML文档，包含相关OG元数据... – CBroe