> 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/4.0-jing-sai-zi-xun/4.4-jing-sai-chang-guan-lie-biao/4.4.1-jing-sai-chang-guan-nei-ye.md).

# 4.4.1-競賽場館內頁

### Meta Data設定

<table><thead><tr><th width="171">項目</th><th width="438">內容</th><th>備註</th></tr></thead><tbody><tr><td>頁面簡述</td><td>呈現特定競賽場館各類相關資訊，包含VR實景、地圖、各類交通資訊、場館周邊推薦住宿＆醫療院所資訊</td><td></td></tr><tr><td>網址URL<br></td><td>/venues/<mark style="color:red;">{1}</mark></td><td>使用1-69，命名網址</td></tr><tr><td>【頁籤名稱】 網址</td><td>Ｘ 無頁籤</td><td></td></tr><tr><td>Page Title</td><td><mark style="color:red;">{場館名稱}</mark>｜2025雙北世界壯年運動會</td><td>Title帶入場館名稱</td></tr><tr><td>Page Description</td><td><mark style="color:red;">{帶入競賽場館介紹描述文字}</mark></td><td>Description帶入後台場館介紹文字</td></tr><tr><td>OG Image設定</td><td><mark style="color:red;">使用後台上傳的縮圖</mark></td><td></td></tr></tbody></table>

{% hint style="info" %}
完整清單，請點選前往[全站Meta Data設定清單](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=150750486#gid=150750486)
{% endhint %}

***

### 功能簡述

{% hint style="info" %}

* 呈現特定競賽場館各類相關資訊，包含VR實景、地圖、各類交通資訊、場館周邊推薦住宿＆醫療院所資訊
* 特定競賽場館(臺北小巨蛋)，會額外[顯示『免費取票方式』區塊](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.4-jing-sai-chang-guan-lie-biao/4.4.1-jing-sai-chang-guan-nei-ye.md#tai-bei-xiao-ju-dan-chang-guan-nei-ye)
* 頁面設置錨點功能，點選錨點按鈕，畫面滾動至特定段落
* 錨點項目：
  * 場館實景
  * 免費取票方式 (只有臺北小巨蛋場館內頁才會顯示此錨點)
  * 交通資訊
  * 周邊推薦住宿
  * 物理治療院所
  * 周邊醫療院所
    {% endhint %}

### 設計規格

{% tabs %}
{% tab title="一般競賽場館內頁" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FxVlLzCNCl4mRE0qdAK1y%2FFrame%20627193.png?alt=media&amp;token=f6fa8a1f-ab18-4c62-ae2a-b35aaa18f7aa" alt=""><figcaption></figcaption></figure>

1. **場館主視覺區塊**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FXI8AXtxLBgfBwtNeM67v%2FBanner.png?alt=media&amp;token=3dec7f13-cccf-416b-ac5d-dd39f9ad3438" alt="" width="375"><figcaption></figcaption></figure></div>

   1. 主視覺組成：
      1. 場館名稱文字
      2. 場館圖片
      3. 場館運動種類標籤：
         1. 顯示該場館舉辦的運動種類
         2. 項目請參照[2025世壯運競賽場館地址與座標(含各運動場館)清單](https://docs.google.com/spreadsheets/d/1saCzKF7ms7wLg3DdyFvskaRCuoNzri9o/edit?gid=29490355#gid=29490355)<br>

2. **錨點按鈕**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FNVWoRk24ctabuEI1BOS9%2F%E9%8C%A8%E9%BB%9E.png?alt=media&amp;token=40f22427-f8ea-4bf1-9a04-45a23bb98c2b" alt=""><figcaption></figcaption></figure></div>

   1. 點選特定錨點按鈕，畫面往下滑動至相對應段落
   2. 若該競賽場館無提供接駁車路線服務，則隱藏『接駁路線』錨點按鈕<br>

3. **場館數位圖說平臺**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FL0MuNUTA8mT5JRiqp4Nh%2FVR%E5%AF%A6%E6%99%AF.png?alt=media&amp;token=216a3139-aabf-4563-ab91-dcca0ab1c828" alt="" width="375"><figcaption></figcaption></figure></div>

   1. 嵌入該場館VR實景功能
   2. 各場館VR實景程式碼，請參照[VR實景-場館數位圖說API網址清單](https://docs.google.com/spreadsheets/d/1kqXSZnfO1wzSCBZ2GV8JKPvdzbLnED12/edit?usp=sharing\&ouid=109392301036322400962\&rtpof=true\&sd=true)<br>

4. **交通資訊**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FSSsRuyoZeO8SzXX218Og%2FContent.png?alt=media&amp;token=700f3079-86d1-48f8-9592-4fb410999176" alt="" width="375"><figcaption></figcaption></figure></div>

   1. 嵌入該場館GoogleMap地圖，\
      嵌入網址請參照[2025世壯運競賽場館地址與座標(含各運動場館)清單](https://docs.google.com/spreadsheets/d/1HeoaE8-GTW44AyOk-pBKuOEE9wEJhr-SP429-JTHCBo/edit?gid=279106632#gid=279106632) K欄
   2. 交通資訊文字內容分為：捷運、公車、停車資訊項目，會依照不同場館帶入不同內容\
      各場館交通資訊，請參照[各競賽場館交通資訊清單](https://docs.google.com/document/d/1sMWD58LvKQIlAjK4LD5BCkSdfa6Xvgmj/edit?usp=sharing\&ouid=109392301036322400962\&rtpof=true\&sd=true)<br>

5. **接駁車路線資訊**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FqIaLKsi6bPK6M94V8iKw%2F%E6%AE%B5%E8%90%BD.png?alt=media&amp;token=84c118cb-7f20-427b-8708-236d18527dbe" alt="" width="375"><figcaption></figcaption></figure></div>

   1. 提供競賽場館接駁車路線服務資訊，部分場館有提供接駁車服務，完整路線表參考[接駁車路線總表](https://docs.google.com/presentation/d/12fVQfqbzuqZiE56WtqSZB5jWbkEi78hp/edit?usp=sharing\&ouid=109392301036322400962\&rtpof=true\&sd=true)
   2. 接駁車路線資訊區塊，依照該競賽場館是否有接駁車服務，切換顯示隱藏狀態，若無則隱藏此區塊

6. **周邊推薦住宿**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FWfXO6mPnmmWbdrwAVGSE%2FMaps.png?alt=media&amp;token=14371634-512e-4ccc-9839-ae82aa2a0d9d" alt="" width="375"><figcaption></figcaption></figure></div>

   1. 嵌入該場館周邊推薦住宿GoogleMap地圖，\
      嵌入網址請參照[各競賽場館周邊推薦住宿清單](https://docs.google.com/spreadsheets/d/1HeoaE8-GTW44AyOk-pBKuOEE9wEJhr-SP429-JTHCBo/edit?gid=279106632#gid=279106632) E欄<br>
   2. 旅館元件組成：

      <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FQ0p26ZZjzTXhK8Y4053I%2F%E4%B8%8B%E8%BC%89%E5%85%83%E4%BB%B6.png?alt=media&amp;token=4128c1a6-1629-4e0d-8e82-8f52f62ce51a" alt=""><figcaption><p>旅館元件</p></figcaption></figure>

      1. 旅館名稱：
         1. 列出旅館名稱，如：美寓旅店
         2. 超過寬度自動往下斷行排列
      2. 旅館地址：
         1. 列出旅館地址，如：台北市松山區八德路三段2號14樓
         2. 超過寬度自動往下斷行排列
      3. 飯店距離：
         1. 列出該飯店距離場館距離
      4. 地圖標ICON：
         1. 點選ICON按鈕，另開新頁前往GoogleMap並帶入該旅館地址
   3. 各場館推薦旅館清單，請參照[各競賽場館周邊推薦住宿清單](https://docs.google.com/spreadsheets/d/1HeoaE8-GTW44AyOk-pBKuOEE9wEJhr-SP429-JTHCBo/edit?gid=279106632#gid=279106632)
   4. 更多訂房優惠，點選按鈕另開新頁前往指定平台

      <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FXa3TiUggsFGlQZKJeaMh%2FButtons.png?alt=media&amp;token=420e17e8-9792-44e9-832d-c69d6751a1e7" alt=""><figcaption></figcaption></figure></div>

7. **物理治療所**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FnG4sOh869WhL7NhbuzaO%2F%E4%B8%8B%E8%BC%89%E5%85%83%E4%BB%B6.png?alt=media&amp;token=0aafd308-0722-4386-989c-55da7b3dc3d4" alt=""><figcaption></figcaption></figure>

   1. 列出該競賽場館周邊賽會合作的物理治療所
   2. 物理治療所元件規格，請參照[4.6-醫療服務-防護治療頁籤-院所元件規格](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.6-yi-liao-fu-wu.md#fang-hu-zhi-liao-ye-qian)
   3. 各場館物理治療院所清單，請參照[場館周邊物理治療所名冊](https://drive.google.com/file/d/1PZrDbDwhM0H_CM29hmEz90KNt0DCO-Kl/view?usp=sharing)<br>

8. **周邊醫療院所**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F4kXe0ER8xQ0rn064OqOv%2F%E4%B8%8B%E8%BC%89%E5%85%83%E4%BB%B6.png?alt=media&amp;token=94742e67-5602-408a-b4a0-ae079ffbb99e" alt=""><figcaption><p>院所元件</p></figcaption></figure>

   1. 列出該競賽場館周邊3間責任醫療院所
   2. 醫院元件規格，請參照[4.6-醫療服務-責任醫院頁籤-醫院元件規格](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.6-yi-liao-fu-wu.md#ze-ren-yi-yuan-ye-qian)
   3. 各場館醫療院所清單，請參照[69處競賽場館各急救責任醫院名冊](https://docs.google.com/spreadsheets/d/1VKoNJq31srck3wX86wL__-kuFAPKddlF/edit?usp=sharing\&ouid=109392301036322400962\&rtpof=true\&sd=true)
      {% endtab %}

{% tab title="臺北小巨蛋場館內頁" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FL5RjAOaALZvK8FNBgsJ5%2FFrame%20627381.png?alt=media&amp;token=395b4708-4070-4c57-b87f-32286f726b16" alt=""><figcaption></figcaption></figure>

1. **免費取票方式區塊**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FrzV032yWI4G7qaSDCAAl%2F%E6%AE%B5%E8%90%BD.png?alt=media&amp;token=aa7f0141-7d9c-4378-b86f-585d4614c549" alt=""><figcaption></figcaption></figure>

   1. 針對『運動舞蹈』＆『柔道』運動種類內頁，會額外顯示『免費取票方式』區塊
2. **錨點列**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F9aNQk7yDB4TOKJ8RQLAn%2F%E9%8C%A8%E9%BB%9E.png?alt=media&amp;token=da89dbfe-2577-4725-864e-044f302b1a86" alt="" width="90"><figcaption></figcaption></figure></div>

   1. 針對『臺北小巨蛋』競賽場館內頁，錨點列會額外顯示『免費取票方式』錨點按鈕
      {% endtab %}
      {% endtabs %}

### 連結設定

<table data-full-width="true"><thead><tr><th width="177">區塊</th><th width="324">連結圖片示意</th><th width="125">開啟形式<select><option value="s30xPWWMdFV6" label="同頁開啟" color="blue"></option><option value="fBJ57gNPKSqQ" label="另開新頁" color="blue"></option><option value="LJ70fs8ZnL8A" label="功能操作" color="blue"></option></select></th><th>連結設定</th><th>備註</th></tr></thead><tbody><tr><td>周邊推薦住宿區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FxRAztbsrEqSpWDvhiDlf%2F%E6%88%AA%E5%9C%96%202024-11-26%2011.16.18.png?alt=media&amp;token=583fb55d-9e93-4a3c-90fd-cda7573129ec" alt="" data-size="original"></td><td><span data-option="LJ70fs8ZnL8A">功能操作</span></td><td>執行撥打電話動作 &#x3C;<a href="tel:">tel:</a>></td><td></td></tr><tr><td>周邊推薦住宿區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FSMOxL6kvhBJCSqiXKL9P%2F%E6%88%AA%E5%9C%96%202024-11-26%2011.16.23.png?alt=media&amp;token=213477ca-4de3-4767-ac36-710a679c62ca" alt="" data-size="original"></td><td><span data-option="fBJ57gNPKSqQ">另開新頁</span></td><td>前往GoogleMap並帶入該旅館地址</td><td></td></tr><tr><td>周邊推薦住宿區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FHe6Dx3Sa9pVG0tkydPfk%2F%E6%88%AA%E5%9C%96%202024-11-26%2011.15.57.png?alt=media&amp;token=aaba6647-9695-49ca-bbae-9da27a1fc2c3" alt="" data-size="original"></td><td><span data-option="fBJ57gNPKSqQ">另開新頁</span></td><td><a href="https://event.liontravel.com/zh-tw/taiwan/hotel/sports?utm_source=wmgweb&#x26;utm_medium=menu&#x26;utm_campaign=wmg2025">https://event.liontravel.com/zh-tw/taiwan/hotel/sports?utm_source=wmgweb&#x26;utm_medium=menu&#x26;utm_campaign=wmg2025</a></td><td></td></tr><tr><td>周邊推薦住宿區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FIJVfHG3l8zbsDhn6yTIq%2F%E6%88%AA%E5%9C%96%202024-11-26%2011.16.04.png?alt=media&amp;token=2cafbd94-6f43-4eb7-957c-bdb81a108a53" alt="" data-size="original"></td><td><span data-option="fBJ57gNPKSqQ">另開新頁</span></td><td><a href="https://www.agoda.com/zh-tw/WorldMastersGame2025">https://www.agoda.com/zh-tw/WorldMastersGame2025</a></td><td></td></tr><tr><td>周邊推薦住宿區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FyYGCyuRhkbnidhjuDwE3%2F%E6%88%AA%E5%9C%96%202024-11-26%2011.16.08.png?alt=media&amp;token=5261effc-b15e-453d-9346-0ee419f2729e" alt="" data-size="original"></td><td><span data-option="fBJ57gNPKSqQ">另開新頁</span></td><td><a href="https://www.taiwanstay.net.tw/TSA/web_page/TSA010100.jsp?lang2=tw&#x26;">https://www.taiwanstay.net.tw/TSA/web_page/TSA010100.jsp?lang2=tw&#x26;</a></td><td></td></tr><tr><td>周邊醫療院所區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FEUhu0cOd5JaygxfhLTyh%2F%E6%88%AA%E5%9C%96%202024-11-26%2011.16.33.png?alt=media&amp;token=e7f6ebcd-651f-47f8-ab20-a6b1f4fb9436" alt="" data-size="original"></td><td><span data-option="LJ70fs8ZnL8A">功能操作</span></td><td>執行撥打電話動作 &#x3C;<a href="tel:">tel:</a>></td><td></td></tr><tr><td>周邊醫療院所區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F1EgzVrECnHYRXUhoqQsZ%2F%E6%88%AA%E5%9C%96%202024-11-26%2011.16.39.png?alt=media&amp;token=44e61194-6fa9-42e0-bc5f-9ef9846ff63c" alt="" data-size="original"></td><td><span data-option="fBJ57gNPKSqQ">另開新頁</span></td><td>前往GoogleMap並帶入該院所地址</td><td></td></tr><tr><td>頁尾區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FiKQqjDMg6xaXnVc7jk2e%2F%E6%88%AA%E5%9C%96%202024-11-26%2011.16.47.png?alt=media&amp;token=d322ef9d-0c74-41fd-976b-e934f7f31e90" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</span></td><td>/venues</td><td>前往<a href="/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.4-jing-sai-chang-guan-lie-biao.md">4.4-競賽場館列表</a></td></tr></tbody></table>

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[4.4.1-競賽場館內頁連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=304263506#gid=304263506)
{% endhint %}

### UI設計檔

{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=7638-771320&t=1McbdbcPuQYT7Cnm-1>" %}

### 原始資料

* [VR實景-場館數位圖說API網址清單](https://docs.google.com/spreadsheets/d/1kqXSZnfO1wzSCBZ2GV8JKPvdzbLnED12/edit?usp=sharing\&ouid=109392301036322400962\&rtpof=true\&sd=true)
* [各競賽場館交通資訊清單](https://docs.google.com/document/d/1sMWD58LvKQIlAjK4LD5BCkSdfa6Xvgmj/edit?usp=sharing\&ouid=109392301036322400962\&rtpof=true\&sd=true)
* [各競賽場館周邊推薦住宿清單](https://docs.google.com/spreadsheets/d/1HeoaE8-GTW44AyOk-pBKuOEE9wEJhr-SP429-JTHCBo/edit?gid=279106632#gid=279106632)

***

### 修訂記錄

<table data-full-width="true"><thead><tr><th width="79" data-type="number">序號</th><th width="121">修訂時間</th><th width="300">主要修改內容</th><th width="142">修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>1</td><td>2024.12.11</td><td><ul><li>新增接駁車路線資訊區塊</li><li>新增物理治療所資訊區塊</li></ul></td><td>客戶FIgma回覆</td><td></td></tr><tr><td>2</td><td>2024.12.17</td><td><ul><li>新增特定場館(臺北小巨蛋)免費取票方式</li><li>調整VR實景名稱為『場館數位圖說平臺』</li><li>動態新增『免費取票方式』錨點按鈕</li></ul></td><td>客戶Figma回覆</td><td></td></tr><tr><td>3</td><td>2024.12.27</td><td><ul><li><p>接駁路線段落調整內文:</p><ol><li>接駁車提供成功報名2025雙北世界壯年運動會之人員（包含選手、隊職員、陪同者、帕拉選手助理員）優先搭乘，乘車時請出示本人證件。發車前若仍未客滿，開放志工、其他持證人員搭乘 (未持賽會證件或持用他人證件者不得搭乘)。</li><li>接駁車按公告之行駛路線、停靠站及時刻發車，並依實際賽程調整。乘車前請查閱最新公告。</li></ol></li></ul></td><td>客戶翻譯文件</td><td></td></tr></tbody></table>