PageSourceSearch

https://expentrac.com/zh-hant/

html expentrac.com collected 2026-10-02 16:10:07 UTC 17,464 bytes, 379 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-Hant">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>Expentrac — 一起花的錢,一起記</title>
7    <meta
8      name="description"
9      content="Expentrac 是免費的 iPhone 雲端記帳 App。邀請家人、室友或旅伴共用帳本,一起記帳、一起分攤,預算、標籤、圖表分析與 Excel/CSV 匯出通通內建。"
10    />
11    <link rel="canonical" href="https://expentrac.com/zh-hant/" />
12    <link rel="alternate" hreflang="en" href="https://expentrac.com/" />
13    <link rel="alternate" hreflang="zh-Hant" href="https://expentrac.com/zh-hant/" />
14    <link rel="alternate" hreflang="x-default" href="https://expentrac.com/" />
15    <meta property="og:type" content="website" />
16    <meta property="og:site_name" content="Expentrac" />
17    <meta property="og:title" content="Expentrac — 一起花的錢,一起記" />
18    <meta
19      property="og:description"
20      content="免費的 iPhone 雲端記帳 App。與家人、室友、旅伴共用帳本——每個人都能記一筆,每個人看到同樣的數字。"
21    />
22    <meta property="og:url" content="https://expentrac.com/zh-hant/" />
23    <meta property="og:image" content="https://expentrac.com/images/app_icon.png" />
24    <meta name="twitter:card" content="summary" />
25    <meta name="theme-color" content="#fbf8f3" />
26    <meta name="apple-itunes-app" content="app-id=6753914432" />
27    <link rel="icon" type="image/png" href="../favicon.png" />
28    <link rel="apple-touch-icon" href="../images/app_icon_192.png" />
29    <link rel="stylesheet" href="../styles.css" />
30    
30<script type="application/ld+json">
31      {
32        "@context": "https://schema.org",
33        "@type": "SoftwareApplication",
34        "name": "Expentrac - 雲端記帳",
35        "operatingSystem": "iOS 15.0 或以上版本",
36        "applicationCategory": "FinanceApplication",
37        "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
38        "url": "https://expentrac.com/zh-hant/",
39        "downloadUrl": "https://apps.apple.com/app/id6753914432",
40        "image": "https://expentrac.com/images/app_icon.png",
41        "description": "免費的 iPhone 雲端記帳 App,支援多人共用帳本、預算、標籤、收支分析與 Excel/CSV 匯出。"
42      }
43    </script>
43
44  </head>
45  <body>
46    <a class="skip-link" href="#main">跳至主要內容</a>
47
48    <header class="nav">
49      <div class="container nav-inner">
50        <a class="nav-logo" href="./" aria-label="Expentrac 首頁">
51          <img src="../images/logo.png" alt="Expentrac" width="115" height="24" />
52        </a>
53        <nav class="nav-right" aria-label="網站導覽">
54          <div class="lang-switch" role="group" aria-label="語言">
55            <a href="../" hreflang="en" lang="en">EN</a>
56            <a href="./" aria-current="page" hreflang="zh-Hant">繁中</a>
57          </div>
58          <a class="nav-login" href="/dashboard">登入</a>
59        </nav>
60      </div>
61    </header>
62
63    <main id="main">
64      <!-- Hero -->
65      <section class="hero">
66        <div class="container hero-grid">
67          <div class="hero-copy">
68            <h1>一起花的錢,一起記。</h1>
69            <p class="hero-sub">
70              邀請家人、室友或旅伴共用同一本帳本——每個人都能記上一筆,每個人看到同樣的數字,雲端即時同步到每支
71              iPhone。
72            </p>
73            <div class="hero-cta">
74              <a class="store-badge" href="https://apps.apple.com/tw/app/id6753914432">
75                <img
76                  src="../images/app_store.svg"
77                  alt="在 App Store 下載"
78                  width="156"
79                  height="52"
80                />
81              </a>
82              <p class="badge-micro">免費 &middot; iOS 15+</p>
83            </div>
84            <ul class="trust-pills" aria-label="App 規格">
85              <li>免費</li>
86              <li>iOS 15+</li>
87              <li>支援 23 種語言</li>
88              <li>雲端同步</li>
89              <li>Excel/CSV 匯出</li>
90            </ul>
91          </div>
92          <div class="hero-visual">
93            <div class="phone-crop">
94              <div class="phone-wrap">
95                <img
96                  class="phone-img"
97                  src="../images/hero-zh-hant.png"
98                  alt="Expentrac 首頁畫面,顯示 5 位成員共用的帳本、本月收支與預算進度"
99                  width="750"
100                  height="1530"
101                  fetchpriority="high"
102                />
103              </div>
104            </div>
105          </div>
106        </div>
107      </section>
108
109      <!-- 共用帳本 spotlight -->
110      <section class="spotlight">
111        <div class="container spot-grid">
112          <div class="spot-copy">
113            <p class="kicker">共用帳本</p>
114            <h2 class="section-h">共用帳本怎麼運作?</h2>
115            <ol class="steps">
116              <li>
117                <span class="step-num" aria-hidden="true">1</span>
118                <div>
119                  <h3>建立帳本</h3>
120                  <p>為家用、旅行,或為自己開一本帳。</p>
121                </div>
122              </li>
123              <li>
124                <span class="step-num" aria-hidden="true">2</span>
125                <div>
126                  <h3>邀請成員</h3>
127                  <p>家人、室友或旅伴,幾秒鐘就能加入。</p>
128                </div>
129              </li>
130              <li>
131                <span class="step-num" aria-hidden="true">3</span>
132                <div>
133                  <h3>一起記、一起看</h3>
134                  <p>每一筆記錄即時同步,所有人看到同樣的數字。</p>
135                </div>
136              </li>
137            </ol>
138          </div>
139        </div>
140      </section>
141
142      <!-- 功能 ledger -->
143      <section class="features">
144        <div class="container">
145          <div class="features-head">
146            <p class="kicker">功能</p>
147            <h2 class="section-h">不用試算表,也能把帳記好。</h2>
148          </div>
149          <ol class="ledger">
150            <li class="lrow">
151              <span class="lnum" aria-hidden="true">01</span>
152              <span class="licon" aria-hidden="true">
153                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
154                  <circle cx="8" cy="8.5" r="3" />
155                  <circle cx="16" cy="8.5" r="3" />
156                  <path d="M3.5 19c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5" />
157                  <path d="M14.6 14.7c2.2.3 3.9 2.1 3.9 4.3" />
158                </svg>
159              </span>
160              <div>
161                <h3>共用帳本</h3>
162                <p>邀請家人、室友或朋友加入同一本帳本,大家一起記帳,看到的數字都一樣。</p>
163              </div>
164            </li>
165            <li class="lrow">
166              <span class="lnum" aria-hidden="true">02</span>
167              <span class="licon" aria-hidden="true">
168                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
169                  <path d="M7 16.5h9.8a3.7 3.7 0 0 0 .6-7.35A5.5 5.5 0 0 0 6.6 7.9 4.3 4.3 0 0 0 7 16.5Z" />
170                  <path d="M9.5 20.5h5m0 0-1.7-1.7m1.7 1.7-1.7 1.7" />
171                </svg>
172              </span>
173              <div>
174                <h3>雲端同步</h3>
175                <p>每一筆記錄即時同步到所有裝置,帳本隨時保持最新,換手機也不怕。</p>
176              </div>
177            </li>
178            <li class="lrow">
179              <span class="lnum" aria-hidden="true">03</span>
180              <span class="licon" aria-hidden="true">
181                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
182                  <rect x="8" y="3.5" width="11.5" height="14" rx="2" />
183                  <path d="M4.5 7.5v10a3 3 0 0 0 3 3h8.5" />
184                </svg>
185              </span>
186              <div>
187                <h3>多本帳本</h3>
188                <p>個人開銷、家庭收支或專案各開一本帳本,帳目清楚不混淆。</p>
189              </div>
190            </li>
191            <li class="lrow">
192              <span class="lnum" aria-hidden="true">04</span>
193              <span class="licon" aria-hidden="true">
194                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
195                  <rect x="3" y="9" width="18" height="6" rx="3" />
196                  <path d="M6 12h7" stroke-width="2.5" />
197                </svg>
198              </span>
199              <div>
200                <h3>預算進度</h3>
201                <p>為帳本或分類設定預算,進度條讓你一眼看出這個月花到哪裡。</p>
202              </div>
203            </li>
204            <li class="lrow">
205              <span class="lnum" aria-hidden="true">05</span>
206              <span class="licon" aria-hidden="true">
207                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
208                  <path d="M3.5 10.4V4.9a1.4 1.4 0 0 1 1.4-1.4h5.5a2 2 0 0 1 1.4.6l7.7 7.7a2 2 0 0 1 0 2.8l-4.7 4.7a2 2 0 0 1-2.8 0l-7.9-7.5a2 2 0 0 1-.6-1.4Z" />
209                  <circle cx="8" cy="8" r="1.3" />
210                </svg>
211              </span>
212              <div>
213                <h3>自訂標籤</h3>
214                <p>用自訂標籤標記每一筆交易,想怎麼分類就怎麼分類。</p>
215              </div>
216            </li>
217            <li class="lrow">
218              <span class="lnum" aria-hidden="true">06</span>
219              <span class="licon" aria-hidden="true">
220                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
221                  <circle cx="12" cy="12" r="8.5" />
222                  <path d="M12 3.5V12l6 6" />
223                </svg>
224              </span>
225              <div>
226                <h3>收支分析</h3>
227                <p>日、週、月、年統計加上分類占比圖表,錢花去哪裡一目了然。</p>
228              </div>
229            </li>
230            <li class="lrow">
231              <span class="lnum" aria-hidden="true">07</span>
232              <span class="licon" aria-hidden="true">
233                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
234                  <path d="M6.5 3.5h7.5l3.5 3.5v12.5a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1v-15a1 1 0 0 1 1-1Z" />
235                  <path d="M14 3.5V7h3.5" />
236                  <path d="M10 10.5v4.5m0 0-1.6-1.6m1.6 1.6 1.6-1.6" />
237                  <path d="M14.5 15v-4.5m0 0 1.6 1.6m-1.6-1.6-1.6 1.6" />
238                </svg>
239              </span>
240              <div>
241                <h3>匯入與匯出</h3>
242                <p>帳目隨時可匯入,也能匯出成 Excel 或 CSV 檔,資料永遠掌握在你手上。</p>
243              </div>
244            </li>
245          </ol>
246        </div>
247      </section>
248
249      <div class="tear" aria-hidden="true"></div>
250
251      <!-- 使用情境 -->
252      <section class="usecases">
253        <div class="container">
254          <div class="usecase-head">
255            <p class="kicker">使用情境</p>
256            <h2 class="section-h">
256一個 App,什麼帳都能記。</h2>
257          </div>
258          <div class="uc-grid">
259            <div class="uc-card">
260              <div class="uc-top">
261                <span class="uc-num">01</span>
262                <span class="dots" aria-hidden="true"><span class="dot dot-b"></span></span>
263              </div>
264              <h3>個人理財</h3>
265              <p>記下每天的開銷,搭配預算與圖表,看清自己的消費習慣。</p>
266            </div>
267            <div class="uc-card">
268              <div class="uc-top">
269                <span class="uc-num">02</span>
270                <span class="dots" aria-hidden="true"><span class="dot dot-b"></span><span class="dot dot-a"></span><span class="dot dot-g"></span><span class="dot dot-n"></span></span>
271              </div>
272              <h3>家庭收支</h3>
273              <p>全家共用一本帳本,家用開銷誰記的、花在哪,大家都清楚。</p>
274            </div>
275            <div class="uc-card">
276              <div class="uc-top">
277                <span class="uc-num">03</span>
278                <span class="dots" aria-hidden="true"><span class="dot dot-a"></span><span class="dot dot-b"></span><span class="dot dot-g"></span></span>
279              </div>
280              <h3>室友分帳</h3>
281              <p>房租、水電、日用品記在同一本帳,誰付了多少、該怎麼分,月底結算又快又清楚。</p>
282            </div>
283            <div class="uc-card">
284              <div class="uc-top">
285                <span class="uc-num">04</span>
286                <span class="dots" aria-hidden="true"><span class="dot dot-g"></span><span class="dot dot-a"></span><span class="dot dot-n"></span><span class="dot dot-b"></span></span>
287              </div>
288              <h3>旅遊分帳</h3>
289              <p>旅伴各自記下代墊的花費,整趟旅程的總帳大家隨時看得到。</p>
290            </div>
291            <div class="uc-card">
292              <div class="uc-top">
293                <span class="uc-num">05</span>
294                <span class="dots" aria-hidden="true"><span class="dot dot-n"></span></span>
295              </div>
296              <h3>出差報帳</h3>
297              <p>出差花費隨手記,報帳時直接匯出 Excel 或 CSV 檔。</p>
298            </div>
299            <div class="uc-card">
300              <div class="uc-top">
301                <span class="uc-num">06</span>
302                <span class="dots" aria-hidden="true"><span class="dot dot-g"></span></span>
303              </div>
304              <h3>自由工作者</h3>
305              <p>每個案子或客戶各開一本帳本,貼上標籤,請款時直接匯出。</p>
306            </div>
307          </div>
308        </div>
309      </section>
310
311      <!-- 最終 CTA -->
312      <section class="cta">
313        <div class="container">
314          <img
315            class="cta-icon"
316            src="../images/app_icon_192.png"
317            alt=""
318            width="96"
319            height="96"
320            loading="lazy"
321          />
322          <h2 class="section-h">今晚就開一本一起記的帳本。</h2>
323          <a class="store-badge" href="https://apps.apple.com/tw/app/id6753914432">
324            <img
325              src="../images/app_store.svg"
326              alt="在 App Store 下載"
327              width="156"
328              height="52"
329              loading="lazy"
330            />
331          </a>
332          <p class="cta-trust">免費 &middot; iOS 15+ &middot; 支援 23 種語言 &middot; 雲端同步 &middot; Excel/CSV 匯出</p>
333        </div>
334      </section>
335    </main>
336
337    <footer class="footer">
338      <div class="container">
339        <span class="footer-chip">
340          <img src="../images/logo.png" alt="Expentrac" width="86" height="18" />
341        </span>
342        <nav class="footer-links" aria-label="頁尾連結">
343          <a href="../privacy.html">隱私權政策</a>
344          <a href="../terms.html">服務條款</a>
345          <a href="/cdn-cgi/l/email-protection#added8ddddc2dfd9edc8d5ddc8c3d9dfccce83cec2c0"><span class="__cf_email__" data-cfemail="cebdbbbebea1bcba8eabb6beaba0babcafade0ada1a3">[email&#160;protected]</span></a>
346          <a href="../" hreflang="en" lang="en">English</a>
347        </nav>
348        <p class="footer-copy">&copy; 2026 Expentrac. All rights reserved.</p>
349      </div>
350    </footer>
351
352    <div class="sticky-bar" role="region" aria-label="下載 Expentrac">
353      <img class="bar-icon" src="../images/app_icon_192.png" alt="" width="40" height="40" />
354      <span class="bar-name">Expentrac<span class="bar-sub">免費 &middot; iOS 15+</span></span>
355      <a class="store-badge" href="https://apps.apple.com/tw/app/id6753914432">
356        <img src="../images/app_store.svg" alt="在 App Store 下載" width="120" height="40" />
357      </a>
358    </div>
vendor: 114 bytes, lines 358-360
358
359
360    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
360<script>
361      (function () {
362        var cta = document.querySelector(".hero-cta");
363        var bar = document.querySelector(".sticky-bar");
364        if (!bar) return;
365        if (!cta) {
366          bar.classList.add("visible");
367          return;
368        }
369        function update() {
370          bar.classList.toggle("visible", cta.getBoundingClientRect().bottom < 0);
371        }
372        window.addEventListener("scroll", update, { passive: true });
373        window.addEventListener("resize", update, { passive: true });
374        update();
375      })();
376    </script>
376
377  
377<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6544689d40ad438f84d2e437158a86e8","r":1,"spa":2}' crossorigin="anonymous"></script>
377
378</body>
379</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.