能否在单个页面添加两个不同的Facebook分享链接？已有一个用于分享背景图

当然可行啦！你不需要修改现有的og:url元标签（它是页面的默认分享目标），只要给每个分享按钮指定不同的分享目标URL就可以实现两种不同的分享效果。下面给你两种具体的实现方式：

• 使用Facebook官方分享按钮组件
  你可以直接调用Facebook的分享按钮代码，给每个按钮设置不同的href属性，指向对应的分享页面（比如一个是你的背景图页面，另一个是竞赛活动页面）。示例代码如下：

  <!-- 分享背景图片的按钮 -->
  <div class="fb-share-button" data-href="https://www.example.com/Start" data-layout="button_count"></div>
  
  <!-- 分享竞赛活动的按钮 -->
  <div class="fb-share-button" data-href="https://www.example.com/Contest" data-layout="button_count"></div>
  

  记得确保你已经在页面中引入了Facebook的SDK脚本，这样按钮才能正常渲染。

• 手动构造分享链接
  如果不想用官方组件，也可以自己构造一个普通的链接，通过u参数指定分享的URL。示例代码：

  <!-- 分享背景图片的链接 -->
  <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.example.com%2FStart" target="_blank">分享背景图</a>
  
  <!-- 分享竞赛活动的链接 -->
  <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.example.com%2FContest" target="_blank">分享竞赛活动</a>
  

  注意这里的URL需要做URL编码，比如把:换成%3A，/换成%2F，避免出现跳转错误。

这里的核心是，页面的og:url只是当没有指定具体分享URL时的默认值，而每个分享按钮/链接可以单独指定自己的目标URL，完全不会互相冲突。这样用户点击不同的按钮，就会分享对应的内容啦！

内容的提问来源于stack exchange，提问作者Laurie Williams