fix(web): restore GA4 tracking and add support link

CHANGELOG.md

@@ -5,6 +5,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.0.1] - 2026-10-19
+
+### Added
+- 頁尾新增 Portaly「支持我」連結，支援中英文與窄螢幕顯示，並在新分頁開啟。
+
+### Fixed
+- 補回遺失的 Google tag，使用 `G-ZXT99R0JE3` 恢復網站端的 GA4 瀏覽事件送出。
+
 ## [2.0.0] - 2026-07-29
 
 ### Added

README.md

@@ -1,7 +1,7 @@
-# MD2DOC-Evolution | v2.0.0
+# MD2DOC-Evolution | v2.0.1
 
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![Version](https://img.shields.io/badge/version-2.0.0-blue.svg)](https://github.com/eric861129/MD2DOC-Evolution)
+[![Version](https://img.shields.io/badge/version-2.0.1-blue.svg)](https://github.com/eric861129/MD2DOC-Evolution)
 [![CI](https://github.com/eric861129/MD2DOC-Evolution/actions/workflows/ci.yml/badge.svg)](https://github.com/eric861129/MD2DOC-Evolution/actions/workflows/ci.yml)
 
 [中文](README.md) | [English](README_EN.md)

README_EN.md

@@ -1,7 +1,7 @@
-# MD2DOC-Evolution | v2.0.0
+# MD2DOC-Evolution | v2.0.1
 
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![Version](https://img.shields.io/badge/version-2.0.0-blue.svg)](https://github.com/eric861129/MD2DOC-Evolution)
+[![Version](https://img.shields.io/badge/version-2.0.1-blue.svg)](https://github.com/eric861129/MD2DOC-Evolution)
 [![CI](https://github.com/eric861129/MD2DOC-Evolution/actions/workflows/ci.yml/badge.svg)](https://github.com/eric861129/MD2DOC-Evolution/actions/workflows/ci.yml)
 
 [中文](README.md) | [English](README_EN.md)

components/Footer.tsx

@@ -5,13 +5,16 @@
  */
 
 import React from 'react';
-import { Github } from 'lucide-react';
+import { Github, Heart } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 import { APP_VERSION, GITHUB_URL } from '../constants/meta';
 
 const Footer: React.FC = () => {
+  const { t } = useTranslation();
+
   return (
     <footer className="border-t border-slate-200/70 bg-white/60 px-5 py-2 backdrop-blur dark:border-slate-800 dark:bg-slate-950/30">
-      <div className="mx-auto flex max-w-7xl items-center justify-between gap-4 text-xs">
+      <div className="mx-auto flex max-w-7xl flex-wrap items-center justify-between gap-x-4 gap-y-2 text-xs">
         <div className="flex min-w-0 items-center gap-3 font-medium text-slate-500 dark:text-slate-400">
           <span className="truncate">
             (c) 2025-2026 <span className="text-[var(--brand-primary)]">EricHuang</span>
@@ -22,15 +25,26 @@ const Footer: React.FC = () => {
           </span>
         </div>
 
-        <a
-          href={GITHUB_URL}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="hover-brand inline-flex items-center gap-1.5 font-semibold text-slate-600 transition-colors dark:text-slate-300"
-        >
-          <Github className="h-3.5 w-3.5" />
-          <span>GitHub</span>
-        </a>
+        <div className="ml-auto flex shrink-0 items-center gap-3">
+          <a
+            href={GITHUB_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover-brand inline-flex items-center gap-1.5 font-semibold text-slate-600 transition-colors dark:text-slate-300"
+          >
+            <Github className="h-3.5 w-3.5" />
+            <span>GitHub</span>
+          </a>
+          <a
+            href="https://portaly.cc/Chiyuisme/support"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex min-h-9 items-center gap-1.5 rounded-md border border-[var(--brand-primary)]/40 bg-[var(--brand-primary)]/10 px-3 font-semibold text-[var(--brand-primary)] transition-colors hover:bg-[var(--brand-primary)]/20 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--brand-primary)]"
+          >
+            <Heart className="h-3.5 w-3.5" aria-hidden="true" />
+            <span>{t('support')}</span>
+          </a>
+        </div>
       </div>
     </footer>
   );

index.html

@@ -2,6 +2,15 @@
 <html lang="zh-TW">
 <head>
   <meta charset="UTF-8" />
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZXT99R0JE3"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-ZXT99R0JE3');
+  </script>
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="description" content="MD2DOC-Evolution 是專為技術寫作者設計的 Markdown 到 Word DOCX 編輯與匯出工具，支援 Mermaid、程式碼區塊、Callout 與 QR Code。" />
   <meta name="keywords" content="Markdown, DOCX, Word, 技術寫作, 書稿, Mermaid, Code Block, QR Code, Markdown 轉 Word" />

package.json

@@ -1,7 +1,7 @@
 {
   "name": "md2doc-evolution",
   "private": true,
-  "version": "2.0.0",
+  "version": "2.0.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/eric861129/MD2DOC-Evolution.git"

services/i18n.ts

@@ -19,6 +19,7 @@ export const resources = {
       exporting: '轉檔中...',
       aiPrompt: 'AI 轉稿提示',
       userGuide: '使用教學',
+      support: '支持我',
       reset: '重設範例',
       resetConfirm: '確定要重設為範例內容嗎？目前草稿會被取代。',
       switchLangConfirm: '切換語言會載入該語言的範例內容，並清除目前草稿。要繼續嗎？',
@@ -123,6 +124,7 @@ export const resources = {
       exporting: 'Converting...',
       aiPrompt: 'AI prompt',
       userGuide: 'User guide',
+      support: 'Support me',
       reset: 'Reset example',
       resetConfirm: 'Reset to the example content? Your current draft will be replaced.',
       switchLangConfirm: 'Switching language loads the example for that language and clears the current draft. Continue?',