> For the complete documentation index, see [llms.txt](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/fen-xiang-gong-neng-lie.md).

# 分享功能列

### 功能簡述

{% hint style="info" %}

* 分享功能列顯示於頁面下方區域，用以分享頁面Meta Data至社群平台或複製連結用
* 當頁面沒有實質使用者需要的內容時，則不會顯示分享功能列，\
  如：[2.3.2-物資徵求(列表)](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/2.0-shi-zhuang-yun/2.3-zan-zhu-zhuan-qu/2.3.2-wu-zi-zhi-qiu-lie-biao.md)
* 各頁面Meta Data資料可參考 [全站Meta Data設定清單](/2025wmg/fu-lu-qing-dan/quan-zhan-meta-data-she-ding-qing-dan.md#wang-zhi-meta-data-page-urlpage-titlepage-description)
  {% endhint %}

### 設計規格

<div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FPz5KTM7TEFfF2hR5vpbS%2Fimage.png?alt=media&amp;token=13363a24-9ade-4dcd-a64a-277cb20a6c7a" alt=""><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="分享至X (Twitter)" %}

<div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FZ5uGobIQxYyltDwrVARh%2Fimage.png?alt=media&amp;token=014a677c-326d-434b-a5c9-4193e8285a47" alt=""><figcaption></figcaption></figure></div>

* [官方技術參考文件](https://developer.x.com/en/docs/x-for-websites/tweet-button/guides/web-intent)
* 分享欄位
  * text : 使用Page Title&#x20;
  * url : 使用Page URL
    {% endtab %}

{% tab title="分享至Facebook" %}

<div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FJrV7cWEMWO5PxNySrKYf%2Fimage.png?alt=media&amp;token=52171d2b-b9cd-486d-8b48-ffc8fb9ce91a" alt=""><figcaption></figcaption></figure></div>

* [官方技術參考文件](https://developers.facebook.com/docs/sharing/webmasters)
* 分享欄位
  * og:url  : 使用Page URL
  * og:title : 使用Page Title
  * og:description : 使用Page Description
  * og:image : 除頁面有特定指定 (如:3.1.1-最新消息內頁)，其他頁面均使用同一張[og:image](/2025wmg/fu-lu-qing-dan/quan-zhan-meta-data-she-ding-qing-dan.md#og-image)&#x20;
    {% endtab %}

{% tab title="複製網頁網址" %}

<div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F24KbyUgK5ak9gL25YN0I%2Fimage.png?alt=media&amp;token=43ccdcec-0c7e-49a3-87bd-82ac735114f5" alt=""><figcaption></figcaption></figure></div>

* 點選複製此頁網址URL至剪貼簿中，以利後續使用
* 複製成功時，跳出Alert訊息，顯示 『已成功複製』

```javascript
alert("已成功複製網址！");
```

{% endtab %}
{% endtabs %}

***

### 修訂紀錄

<table data-full-width="false"><thead><tr><th width="111" data-type="number">序號</th><th>修訂時間</th><th>主要修改內容</th><th>修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>null</td><td></td><td></td><td></td><td></td></tr></tbody></table>