instagram facebook twitter分享

share 分享参考

twitter

在页面中添加twitter分享按钮

1. 创建一个新的锚元素,使Twitter for Websites JavaScript能够发现该元素并增强指向Tweet按钮的链接。将href 属性值设置 为 https://twitter.com/intent/tweet， 以创建指向Twitter Web Intent编写器的链接。

Tweet

2. 通过自定义Tweet Web意向查询参数，预先填充Tweet文本并建议相关帐户 。

Tweet

++注意：url中的符号需要转换为%+ASCII码值 如%20则表示url空格符++  

3. 使用data- *属性或JavaScript来自 定义 Tweet按钮参数。

Tweet


twttr.widgets.createShareButton(
  "https:\/\/dev.twitter.com\/web\/tweet-button",
  document.getElementById("tweet-container"),
  {
    size: "large",
    text: "custom share text",
    hashtags: "example,demo",
    via: "twitterdev",
    related: "twitterapi,twitter"
  }
);

4. demo:

参考文档 https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview

facebook

步骤：

1.选择网址或主页
选取您要分享的网站网址或 Facebook 主页。

2.代码配置器
将网址粘贴到代码配置器，并调整“分享”按钮的 layout。点击 Get Code 按钮生成“分享”按钮代码。
https://developers.facebook.com/docs/plugins/share-button/#configurator

示例：
将代码示例复制并粘贴到您的网站。将 data-href 值调整为您网站的网址。然后使用 og:*** 元标记调整链接预览。og:url 和 data-href 应使用相同的网址。

3. demo：

"http://www.facebook.com/sharer/sharer.php?u=" + url;
//如果只是单纯的想分享一个链接到 facebook 去,而不添加过多的自定义内容,则只需要将需要分享的url作为参数的形式传递到facebook网站即刻.为了增加体验,可以先弹出一个弹框

//示例