Web Share API によるシェアボタン

<p><button type="button" disabled="" class="share-button">Share</button></p>
<p><button type="button" disabled="" class="share-button"
  data-share-title="Web Share API Demo"
  data-share-text="This page demonstrates the Web Share API."
  data-share-url="http://labs.w0s.jp/js/web-share/">Share</button></p>

if (navigator.share !== undefined) {
  /* 未対応ブラウザも多いので判定処理 */
  document.addEventListener('DOMContentLoaded', () => {
    for (const shareButtonElement of document.querySelectorAll('.share-button')) {
      shareButtonElement.disabled = false; // ボタンを活性化
      shareButtonElement.addEventListener('click', () => {
        const shareTitle = shareButtonElement.dataset.shareTitle;
        const shareText = shareButtonElement.dataset.shareText;
        const shareUrl = shareButtonElement.dataset.shareUrl;

        try {
          navigator.share({
            title: shareTitle !== undefined ? shareTitle : document.title, // 属性が指定されていないときはページタイトル
            text: shareText,
            url: shareUrl !== undefined ? shareUrl : document.URL, // 属性が指定されていないときはページURL
          });
        } catch (e) {
          console.error('Share failed', e);
        }
      });
    }
  });
}