📌  相关文章
📜  facebook分享链接html(1)

📅  最后修改于: 2023-12-03 15:15:02.157000             🧑  作者: Mango

Facebook分享链接HTML

简介

在开发网页应用或者网站时，经常需要将页面上的内容分享到社交媒体平台，其中之一就是Facebook。Facebook提供了一种方式来分享网页链接，即使用一段特定的HTML代码片段来创建分享按钮或链接。

如何分享链接到Facebook
  1. 在网页中插入Facebook分享链接按钮或链接：使用以下HTML代码段：
<a href="https://www.facebook.com/sharer/sharer.php?u=<URL encoded link>&t=<link title>" target="_blank">分享到Facebook</a>
  • <URL encoded link>：需要分享的网页链接。请将其进行URL编码。
  • <link title>：链接的标题。

这段代码会创建一个指向一个新窗口的分享链接，让用户可以点击链接分享到Facebook。

  1. 在网页中插入Facebook分享按钮：使用以下HTML代码段：
<div class="fb-share-button" data-href="<URL encoded link>" data-layout="button" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<URL encoded link>&t=<link title>" class="fb-xfbml-parse-ignore">分享</a></div>
  • <URL encoded link>：需要分享的网页链接。请将其进行URL编码。

这段代码会在网页中显示一个Facebook分享按钮，用户可以点击按钮分享到Facebook。

注意事项
  • 替换代码中的<URL encoded link>和<link title>为实际的链接和标题。
  • 使用URL编码来确保链接正确解析。
  • 确保代码片段位于合适的位置并与页面样式保持一致。
示例

以下是一个示例，展示如何使用上述代码将网页分享到Facebook：

<!DOCTYPE html>
<html>
<head>
  <title>我的网页</title>
</head>
<body>
  <h1>欢迎来到我的网页！</h1>
  
  <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fpage&amp;t=我的网页" target="_blank">分享到Facebook</a>

  <div class="fb-share-button" data-href="https%3A%2F%2Fexample.com%2Fpage" data-layout="button" data-size="small">
    <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fpage&amp;t=我的网页" class="fb-xfbml-parse-ignore">分享</a>
  </div>
  
</body>
</html>

此示例将在网页中插入一个指向Facebook分享链接的链接和一个Facebook分享按钮。

以上就是如何使用HTML代码片段分享链接到Facebook的介绍。

参考链接：Facebook分享文档