Archives
All the articles I've archived.
SHOPLINE MCP 安裝教學:用 Line 查看電商自動化報表
接上 SHOPLINE 官方 MCP,讓 Claude 直接查訂單、商品與庫存,本文寫 Claude Code 與 Claude Desktop 兩種串接的方法,提供 Skill 讓你輕鬆做電商和 GA4 跟關鍵字流量的 Line 報表
Zeabur 資安事件:環境變數外洩後,怎麼確認災情與輪替密碼
Zeabur 2026 年 8 月資安事件(環境變數外洩)處理紀錄:官方確認外洩的變數清單、沒收到通知信要怎麼自己確認、用 Zeabur CLI 盤點環境變數與引用鏈、第三方 API Key 的正確撤銷順序,以及 PostgreSQL 密碼輪替時官方指南少了 -d 參數會失敗的修正做法
Grok Bot 是什麼?實測有自己雲端電腦的 AI Agent
xAI 推出的 Grok Bot 實測心得,每個 Bot 有自己的雲端電腦,可以開瀏覽器操作沒有 API 的網站,實測比價流程、把操作存成技能、Bot 之間互相溝通交辦,以及每天自動跑的例行任務,附三種取得方式的費用比較
如何在 Claude Desktop 安裝 GA4、SEO MCP
實測和分享 GA4 , Search Console 的 MCP 安裝流程,讓 Claude Desktop 串接後就能輕鬆分析 GA4 報表和 Search Console 排名數據。
Claude Code Fable 5 限時限量回歸,該怎麼用
Claude Code Fable 5 使用建議,整理 2026/07 額度規則、Opus 5 與 Fable 5 的 benchmark 對照,以及哪些任務值得用 Fable、怎麼切換模型與控制成本。
n8n CLI 教學 - 用終端機管理 workflow,備份、批次操作、AI 整合
n8n 官方 CLI 工具(@n8n/cli)實測教學:從安裝、API key 連線設定,到 workflow 備份、execution 錯誤排查、批次停用,再用 skill install 讓 Claude Code 直接幫你管理 n8n。包含指令安全分級、npm 同名套件陷阱、--id-only 改版注意事項與目前限制整理。
n8n Google Sheets 節點教學
n8n Google Sheets 節點完整教學。6 個操作怎麼選(含決策樹)、Trigger polling 限制說明,以及 Gmail 電子發票 AI 自動解析去重實戰案例。
n8n ByCrawl 節點教學:簡單好用的台灣爬蟲服務
n8n ByCrawl 社群節點完整教學!一把 API Key 就能抓 Threads、IG、X、Reddit、Dcard、PTT 等 15 個平台的社群數據。包含安裝設定、功能介紹、品牌聲量監控實戰案例和定價分析。
Claude Managed Agents 實測教學:建立雲端 AI Agent
Claude Managed Agents 完整實測!Anthropic 雲端 AI Agent 託管服務,不用自己架基礎架構。實測 Quickstart 流程、Template 範本、定價拆解、多 Agent 協作 Research Preview,搭配 MCP Server 整合分享。
Claude Code Channels 設定教學,用 Discord、Telegram 遠端使用 Claude Code
Claude Code Channels 讓你從手機 Discord 或 Telegram 傳訊息給正在跑的 Claude Code,不用坐在電腦前也能讓 AI 幫你改 code、跑指令。完整 Discord Bot 和 Telegram Bot 設定教學和幾個場景測試
rclone - 雲端同步與檔案備份的瑞士刀 搭配 Claude Code 超好用
rclone 實測教學:Google Drive 和 Cloudflare R2 設定、copy/sync/move 指令差異比較、rclone.conf 設定檔解析,以及用 crontab 做每日自動雲端備份。
Claude Cowork 教學:給大眾用的 Claude Code
Claude Cowork 是 Anthropic 推出的桌面 AI 助理,能自動整理檔案、處理文件,還能學習你的工作流程。實測三大應用場景,看看它如何提升工作效率。(2026/07/07 更新:Chat 與 Cowork 介面整合,並擴大支援 Web、手機版)
n8n 爬蟲神器 Apify 教學:不會寫程式也能爬資料
完整教學 n8n Apify 節點實現網頁爬蟲自動化。包含 API Token 設定、Run Actor 操作、Instagram 數據爬取等功能介紹。實測別人 IG 帳號發文數據自動同步到 Google Sheets 案例。
n8n 資安漏洞 CVE-2025-68613 快點來更新你的 n8n 版本!
n8n CVE-2025-68613(CVSS 9.9)高風險漏洞懶人包:快速確認影響版本、檢查目前版本,並用 Docker/Zeabur/npm 更新到修復版本,降低 RCE 風險。
n8n Time Saved Node 教學 - 省下多少時間?量化 n8n 的 ROI
老闆問「自動化到底省多少時間?」答不出來?n8n 2.1.0 的 Time Saved Node 讓你量化 ROI。本文教你 Fixed vs Dynamic 兩種計算方式,含 LINE 自動回覆實例。
n8n AI 模型 Router 教學:Zeabur AI Hub 智慧切換模型
n8n 搭配 Zeabur AI Hub 打造 AI 模型 Router,一個 API Key 串接 GPT、Claude、Gemini。根據問題複雜度智慧切換模型:簡單問題用便宜模型、複雜問題用強模型,省成本又兼顧品質
n8n 2.0 大更新:除了新功能,更該擔心能不能順利 Migrate
n8n 2.0 大更新要來了!包含新功能介紹、Migration Report 使用教學、Breaking Changes 詳解和常見升級問題解決方案
n8n Edit Fields (Set) 節點教學 - 組合欄位、動態表達式、Include Fields
n8n Edit Fields Set 節點 3 大技巧:欄位組合格式化、$now 時間與條件判斷、Include Other Input Fields。90% 工作流都會用到的核心節點完整教學。
Google Antigravity 全解析:從 IDE 變成 Agent 開發平台(含 CLI 取代 Gemini CLI)
Google Antigravity 2026/05 重大更新:從單一 IDE 變成 Agent 開發平台。完整解析 Antigravity IDE、Antigravity 2.0 桌面 app、Antigravity CLI(取代 Gemini CLI)三大產品差異,搭配 IDE 完整安裝教學、Agent Manager、Skills 設定。
n8n Merge 節點教學-解決多來源資料合併的問題
n8n Merge 節點完整教學!學會 Append、Combine、Choose Branch、SQL Query 選項的差異,深入了解 Matching Fields、Position 和 All Possible Combinations 的用法
n8n Line Messaging 社群節點教學
n8n LINE Messaging 社群節點完整教學!使用 @aotoki/n8n-nodes-line-messaging 簡化 LINE Bot 開發,視覺化介面降低出錯率。涵蓋安裝設定、4 大核心功能操作、常見問題排解,以及與 HTTP Request 的使用時機比較
Claude Code 更新! 全新 Extension for VSCode/Cursor 介面
Claude Code 2025年11月更新:新的 Cursor IDE 介面,讓不是工程師的你也能輕鬆使用 Claude Code
n8n DataTables 節點教學 - 直接把資料存在 n8n 裡
n8n 推出 DataTables! 原生數據存儲無需外部資料庫,支援完整 insert、update、get、delete。
n8n Poll Time 教學 - 優化 Trigger 效率
n8n Poll Time完整教學!場景對應設定、成本計算、Rate Limit避雷。
n8n Filter 節點教學 - 資料篩選與條件判斷
解析 n8n Filter 節點與 If/Switch 節點差異,包含 AND/OR 邏輯判斷、Ignore case 設定等進階功能。實測各種資料類型篩選方法,提升自動化流程效率。
n8n Structured Output Parser 節點教學 - AI 輸出格式化
AI 輸出格式總是亂七八糟?n8n Structured Output Parser 節點快速解決!節點教學包和實際操作流程介紹,未來輕鬆固定 AI 輸出的格式
Postiz 串接 Threads:Zeabur 部署 + Meta Developer 設定教學
想用 Postiz 自動排程 Threads 貼文?本文提供完整 Meta 應用程式建立到 Threads API 串接教學,輕鬆實現 Threads 自動排程發文。
Claude Code Agent 實測,建立專屬的開發助理
Claude Code 新推出的 Agent 功能讓你可以建立專屬的開發 Agent,透過自然語言指令自動處理重複性的程式設計任務。不再需要每次重新解釋需求,讓 Claude Code Agent 記住你的開發模式。
n8n Gmail 節點教學 - 自動化郵件發送和處理
完整教學 n8n Gmail 節點實現郵件自動化流程。包含 OAuth 認證設定、搜尋語法技巧、郵件發送標籤管理等功能介紹。實測信用卡帳單自動提醒、PDF 解析、Google Calendar 整合等進階案例。
n8n 表單防護小撇步 - Cloudflare Turnstile 驗證完整配置
防止 vibe coding 表單被機器人攻擊?使用 Cloudflare Turnstile + n8n 打造表單驗證系統。包含前端 HTML、後端 API 驗證、webhook 設定,完整驗證流程實作教學。
Google 發布 Gemini CLI Tool 免費額度超級夠用 和 Claude Code 的比較
Google 推出免費 Gemini CLI 命令行工具。安裝教學,並與 Claude Code 做同樣 prompt 比較
n8n 語音自動化實測 - ElevenLabs TTS 節點應用場景
n8n 語音自動化實戰!ElevenLabs TTS 節點完整安裝與使用教學,包含 API 設定、聲音選擇、品質優化技巧。實測分享多種自動化場景應用。
n8n Perplexity 節點教學
n8n 內建節點支援 Perplexity !分享 API key 申請教學、Pro 用戶的免費五美金額度。如何在 n8n 使用 Perplexity 節點和不同模型之間的比較
n8n Evaluations 新功能介紹 - 讓 AI 工作流程更可靠的測試框架
n8n Evaluations 幫你解決 prompt 調整難題,透過測試資料集和評估指標,幫助你建立更可靠的 AI 自動化流程。本文將介紹 Light evaluations 和 Metric-based evaluations 兩種評估方式,並分享實際使用經驗。
n8n 踩到坑 - Line Invalid JSON 錯誤
n8n 踩到坑是用來記錄和說明自己和網友在 n8n 上遇到一些常見的 error 或是 bug,並且記錄一下怎麼解決,有哪些方法。這次是關於 Line Message API 中很多人在 n8n 都會遇到 invalid json 的錯誤,最有可能的原因居然就是因為一個符號?
n8n 安裝部署與更新教學:Cloud、Zeabur、Docker 比較
n8n 安裝、部署、更新完整教學:官方 Cloud、Zeabur、Docker 和 Glows.ai 各方案比較,從成本、效能到更新方式,找到最適合自己的 n8n 部署方案。
用 Cloudflare Worker 和 KV 打造個人免費簡易的短網址服務
使用 Cloudflare Worker 和 KV 儲存快速搭建一個簡單但實用的短網址系統,無需伺服器,支援基本 API 操作和 UTM 追蹤功能。
n8n 雲端儲存方案 - S3 節點串接 Cloudflare R2 實戰
n8n 雲端儲存解決方案!使用 S3 節點串接 Cloudflare R2,包含 API Token 申請步驟、權限設定、檔案上傳下載實作。實測分享自動化備份、批量處理等應用場景。
OpenAI GPT-Image-1 API 產圖 API 發布,測試心得和參數介紹
詳解OpenAI最新GPT-Image-1模型!完整介紹API參數設置、價格結構、實用範例和Postman整合技巧,一起快速上手。
n8n 模板分享 - 打造 LINE 共同記帳機器人 自動處理日本收據
透過 n8n 工作流平台結合 LINE 機器人和 AI 技術,打造一個專為日本旅行設計的自動化記帳系統。只需拍照上傳日本收據,就會自動翻譯日文、換算匯率,並提供分帳功能,讓旅行的記帳變得簡單。
LINE MCP Server 測試心得 - 一個 prompt 就讓 Line 發訊息給你
透過實作 LINE MCP Server,讓 Claude 等 AI 模型直接操作 LINE Messaging API 來發送訊息,並介紹幾個測試的場景
ChatGPT 4o 與 Sora 的全新文生圖功能
AI畫圖超方便!ChatGPT 4o能產生超逼真帶文字的圖片,Sora一次給你四張各種比例!哪個更好用?Plus和Pro差在哪?
n8n 工作流整理術 - Folders 資料夾功能實測與組織技巧
n8n 工作流整理終於來了!Folders 資料夾功能實測分享,包含多層結構規劃、權限管理、批量移動技巧。實測分享 100+ 工作流的組織經驗與踩雷避免方法。
n8n Webhook 教學 - 常見錯誤與調試技巧
n8n Webhook 教學,從接收設定到資料處理,深入解析常見的 404、500 錯誤原因與解決方法。實測分享 Webhook 調試技巧、資料格式處理與安全性設定。
BusyTag 開箱 忙碌中勿擾
BusyTag 是一款帶有高解析度螢幕與內建忙碌指示燈的智慧裝置,用來向同事或家人清楚地顯示您的狀態,避免不必要的干擾,還可自訂顯示 GIF、圖片或文字,與各種應用程式整合。
在 Cursor 中打造 MCP Server,從實作中學習 MCP
Cursor 實作 MCP Server 學習筆記,一個模擬的蔬果查詢情境,並且直接在 Claude Desktop 和 Cursor 中使用。
Claude MCP 應用測試心得 - Claude Desktop
測試 Claude MCP(model context protocol) 的應用,包括 FileSystem、Fetch 和 Google Maps 的使用心得與注意事項,讓 Claude 幫上更多忙
n8n 版本更新紀錄心得
n8n 2.37.0(Pre-release)更新紀錄,整理 Anthropic Prompt Caching 選項、Message an Agent 串流開關與限制,以及 NDV 節點詳細視窗新增的停止目前執行按鈕,目前正式版本為 2.36.7
n8n 1.0 歷史版本更新紀錄心得(0.x ~ 1.x 存檔)
n8n 1.0 時代(0.x ~ 1.123.0)的歷史版本更新紀錄存檔,完整收錄早期各版本新功能、重要節點演進與測試心得回顧。
Claude Code 發佈 Command Line 的新工具
Claude Code 價格方案比較:Pro 月繳 US$20/年繳 US$200(換算每月 US$17)、Max 5x US$100/月、Max 20x US$200/月;含安裝教學、指令介紹與實際使用心得。
Glows.ai 雲端 GPU 運算服務,輕鬆取得算力實現 AI 私有運算
Glows.ai 提供方便的雲端 GPU 運算服務,讓你輕鬆取得高效能算力,實現 AI 私有化運算。無需自建機房,即可享有穩定、安全的 GPU 資源,是企業和個人開發 AI 應用的最佳選擇。
n8n 小撇步 - Timezone 問題如何在 Zeabur 設定
記錄一下在 Zeabur 上處理 n8n 時區問題的方法,從單一 workflow 到一次性解決,讓你的自動化流程不再跑錯時間!
在 GTM 安裝 Line Tag Pixel
完整介紹如何在 Google Tag Manager 中安裝 Line Tag,包含basecode、轉換事件、自定義事件以及 DPA 動態廣告所需的標準事件追蹤設定。
n8n 小撇步 - Pin Data
了解 n8n 的小撇步:利用 Pin 功能鎖定輸出資料,降低 API 重複呼叫的風險,提升自動化流程測試效率並節省資源。
n8n 內建變數 expression 解析 - $input、$json 使用陷阱與技巧
n8n 內建變數 expression 攻略!深入解析 $input、$json、$workflow 參數的使用陷阱、常見錯誤與進階技巧。實測分享變數呼叫最佳實踐,避開新手常踩的雷。
Storylane 網站新功能的導覽教學工具
探索 Storylane 網站導覽工具:無需寫程式碼,快速製作互動式新功能教學,免費版本適合小型網站
n8n LINE 訊息發送實戰 - Request 節點替代 LINE Notify
LINE Notify 替代方案實戰!使用 n8n Request 節點發送 LINE Message API,包含 Webhook 接收設定、訊息格式優化、常見錯誤排除。實測分享完整流程與模板範例。
n8n 資料處理踩雷 - Aggregate 合併與 Split Out 分割實測
n8n 資料處理實測分享!Aggregate 合併和 Split Out 分割節點的使用陷阱、常見錯誤排除,以及實際操作中踩雷經驗。包含多筆資料合併技巧和陣列分割最佳實踐。
Google App Script - Cache Service 做快取
為什麼要在 Google App Script 中使用快取,什麼場景可以用快取來加速服務,並且避免可能遇到的限制。CacheService 是個簡單好用的方式,能幫助你輕鬆快取資料。
Google App Script 用 Gmail 發有質感美觀的信
學習如何在 Google App Script 中使用 HTML 發送美觀的電子郵件,並運用 ChatGPT 快速生成電子郵件模板
n8n If 和 Switch 節點教學 - 條件判斷完整指南
完整 n8n If 和 Switch 節點教學指南,包含條件判斷設定、實用案例演示、常見錯誤排除。實測分享自動化工作流程中條件邏輯的最佳實踐。
n8n Slack 整合實測 - 訊息發送與觸發器設定完整流程
n8n Slack 整合實戰指南!從 OAuth 認證設定到訊息發送、Trigger 觸發器配置,實測分享完整流程與常見問題解決。適合 No-Code 初學者,不需程式經驗即可上手。
CompressX MacOS 強大的壓縮圖片工具(需付費)
如果你常常需要壓縮圖片,但免費的工具常會有操作複雜、或是需要多個工具互相搭配,甚至壓縮率也普普通通,CompressX 是一個很好的替代工具,非常值得它的價格!
在 Klaviyo 使用 Gmail 促銷標註顯示折扣碼
有看過Gmail 促銷標註嗎? 為什麼別人的行銷信可以呈現折扣碼或是活動圖片? 其實只要照著 Google 文件就可以做到,讓我們用 Klaviyo 來實作看看
ChatGPT 新功能 - Work with Apps 一起運作
Work with Apps 一起運作,讓 ChatGPT 開始讀取 VSCode 的程式碼並且透過終端機來自動執行測試,更新 ChatGPT 可以直接編輯 VSCode, Cursor 的程式碼
利用 Bouncer 來清理電子報的無效用戶
Bouncer 清理電子報無效 Email 的 API、Klaviyo 串接與 MCP 使用方式,本文示範在 Claude Desktop 加入官方 MCP、完成授權,再用 gmail.com 和拼錯的 gmaiil.com 測試結果
利用 Google App Script 串接 Threads API 並且用 Looker Studio 視覺化
Threads API 串接不麻煩,用 Google App Script 來處理,存到 Google Sheet 後,用 Looker Studio 來視覺化
GA4 更新 - Benchmark - 產業資料的基準比較
GA4 更新的新功能 Benchmark 基準化資料,可以讓使用者參考類似或相同產業的數值大概落在哪個範圍,並檢視自己的表現是否有接近整體表現
Line Notify 結束服務,轉移到 Slack、Telegram、Discord
Line Notify 宣布要停止服務,如果正在使用或是打算使用,替代方案和如何串接 Slack、Telegram、Discord
GA4 電子商務報表-已購買的商品數為 0
GA4 電子商務案例分享,電商報表中商品名稱已購買數量顯示為0的原因和解決方法
行銷科技工具之間的串接
探索行銷科技工具之間的串接方法,無論是內建整合、API、Webhook 還是使用 iPaaS服務,選擇並了解最合適的整合方式
GA4 找到並移除不想要的 referral 網域
排除參照連結網址是防止自己的流量來源媒介被擾亂的重要步驟,並且提供台灣常見的連結一鍵複製並可以照著說明來設定排除
工具推薦-移除 GTM 中的舊版 GA設定-Tagsbuster
GA3(UA) 已經正式退場,但 Google Tag Manager 還是遺留了不少舊版 GA 的設定,推薦一個可以找出舊版 GA 設定的工具並一次輕鬆移除
TeamSimmer - Chrome DevTools For Digital Marketers 課程分享
Team Simmer 的新課程:Chrome DevTools For Digital Marketers,課程簡介和一些上課的心得分享
Google Tag Manager 工作區過大,原來有空間大小限制
遇到 GTM 的工作區過大問題,代表 GTM 裡面已經包含了太多的設定,需要做一些確認和大掃除才能保持 GTM 的整潔,希望能幫助到一些遭遇到此困境的大家
詢問 Google Tag Manager 相關的問題
如何有效發問 Google Tag Manager 的問題或疑難雜症,讓其他人快速又精準的能回答你的問題,也會增加大家回答的意願!
Chrome Devtool 在追蹤上的一些特殊技巧
點擊連結時可以不要跳轉網頁來確認追蹤、使用 Chrome Devtool 的快捷鍵來快速測試 CSS Selector 和使用上一個指令
社群問答:使用 JavaScript 取得 DataLayer 的資料
Stackoverflow 中有人提問在 Google Tag Manager 如何使用 Custom JavaScript 來取得 DataLayer 中的資料,有兩種方法可以達成這個需求,一個是使用一般的 JavaScript,另一種是使用 Google Tag Manager 的特殊物件
行銷工具的價格計算方式 MTU Events Subscription
數位行銷工具越來越多,而且每一種的計費方式也不太相同,介紹一些常見的指標來了解這些工具是怎麼計價的。
ChatGPT 在網頁版無法使用,沒有錯誤訊息卻都無法回答問題
ChatGPT 壞掉或是問答沒有反應嗎? 新問題:請解除封鎖 challenges.cloudflare.com 以繼續。 最近的錯誤狀況和網路上搜尋的狀態都不太相同,沒有明顯的錯誤訊息,但就是一直無法問答,最後發現可能只是語言的設定問題!
GA4 用超商來解釋 Event、Session 和 User
由於 GA4 Event Session User 的概念很重要,會影響很多維度和指標上的搭配,所以希望能透過超商來解釋這些概念
Simmer 的 Martech Handbook 簡介&心得
Simmer 發布了一份最新的 Martech Handbook,內容涵蓋行銷科技和數位行銷完整的相關知識,整體的深度和廣度都具備。適合每個或多或少有接觸相關領域,或是對 Martech 有點興趣的人都可以來閱讀和學習
DataLayer 壞掉影響 Google Tag Manager 的追蹤,排查可能的原因
在短短的一天中居然有不同的人同時問了 dataLayer 怪怪的,也剛好都可以用同樣的方式排查和確認問題,到底是什麼造成 dataLayer 壞掉
Gmail Yahoo 2024/02新政策 全面驗證 DMARC 認證
Gmail 和 Yahoo 等電子郵件服務供應商將在 2024/02 套用一項新政策,將會對所有在發行銷郵件的網域驗證是否有正確的 DMARC 政策,如何檢查自己的網域是否已經有設定 DMARC 和參考其他相關規定。此對象包含使用第三方電子郵件服務如 MailChimp 等網域或是自行架設電子郵件 Server和仰賴 Amazon SES 等所有用戶
Google 宣布不再移除或淘汰 第三方Cookie - 202407
Google 宣布不會移除 第三方Cookie,Privacy Sandbox 推出的第四年未來會繼續更新,並且讓 Chrome 的使用者未來可以自行選擇隱私相關的分享
Facebook Pixel 利用 GTM 安裝和注意事項避免重複觸發
Facebook Pixel 像素是一個很常見安裝在網站上的程式碼,只是 Meta 在 Pixel像素 的安裝文件中只提到最簡易的安裝方式,這種方式促使只要網站上安裝超過一組 Pixel ID 就會造成重複觸發或是互相干擾的情況,這裡也會提供在 Google Tag Manager 或是 hardcode 上可以避免的方式
GA4 報表有時候數字對不起來,很有可能是遇到資料閾值
GA4 的報表加一個維度後,數字就對不起來了,這個非常反直覺的問題來自於 Google 的 Thresholds 資料閾值。
Martech 實戰聖經 讀書心得
Martech 行銷科技這個詞已經出現了許久,只是對於大多數人來說好像還是一個有點模糊的概念。這本書像是對整個行銷科技有一個初步的介紹,並且用這一兩年的觀點來說明現行的狀況。企業可以做好什麼樣的準備,建立一個好的心態來發揮行銷科技能帶來的好處。
Hexo Algolia 利用 Insight 來追蹤搜尋和點擊事件
在 Hexo 的 Algolia 中啟用內建的 insight 來追蹤相關的搜尋、點擊的行為
Google Tag 釋出,GA4 的 Configuration Tag 不見了
Google Tag Manager 最近有個蠻大的更新,以前的 GA4 Configuration Tag 不見了,取而代之的是全新的 Google Tag 代碼, 變數中也多了 Google 代碼:事件設定、Google 代碼:配置設定。這個全新的設計帶來了和以前不太一樣的設定邏輯,也在一些場景中有更好的設定方式。
Google Analytics 4 支援資料直接匯出到 Google Sheet (Google 官方釋出)
Google Analytics 4 終於釋出了對於 Google Sheet 的支援,現在可以直接在 Google Sheet 取得 GA4 的資料匯出了! 再也不用自己寫程式在 Google App Script 來串接 GA4 Data API。
檢查網站是否安裝 GA4
GA4 的強制升級和 UA 的停止蒐集資料已經從七月一號開始了,雖然很多人的舊版UA其實都還是有持續在蒐集資料,這並不是 Google 又有延期,官方的意思是這個程序需要一段時間,所以會在未來有一天慢慢的停止。本文希望幫助對於 GA4 不熟的人怎麼快速且正確地確認是否網站已經有安裝 GA4,沒有的話可以趕快找到相關負責的人或是自己趕快完成 GA4 的安裝。
GA4 更新 - 使用者購物歷程 一眼看出使用者在購物過程中的流失
使用者購物歷程是一個最近才剛更新的報表,不需要自己額外建立,已經出現在 GA4 的報表中。可以依序看到 session_start -> 商品瀏覽 -> 加入購物車 -> 結帳 -> 購買的流程,需注意的是該 Funnel Report 使用 Close Funnel,所以需要完全符合這個步驟的流程才會納入報表裡
Analytics Debugger 教學,GA4、GTM 和 Pixel 一次檢查
Analytics Debugger 是我幾乎每天都會開的 Chrome 擴充功能,檢查 GTM DataLayer、GA4 或 Marketing Pixels 時,不用一直翻 Network Request
GA4 升級倒數77天,探討從通用GA升級至GA4的必要性、好處與挑戰
剩下77天的GA4升級期限逼近,本文將解析升級的重要性、提早升級帶來的益處,以及2023年7月後通用型GA將面臨的命運。同時,我們也將分享應對升級過程中可能遇到的挑戰的方法。
Chatgpt 幫你寫程式 - 實現一個類似 wappalyzer 的分析功能
最近接收到一個需求,想要實現類似 wappalyzer 這樣可以分析出網站上安裝了哪些工具的功能。其實大概知道一個架構和寫法,只是自己從頭慢慢寫到完成也是要花一大段時間,不如用來測試 Chatgpt 到底能怎麼幫忙
GA4 更新 - 加強搜尋列 終於可以用資料串流 ID 來搜尋 GA4 的資源了!
GA4 更新內容 - 20230130 增強對於 Property資源 和 Account帳戶 的搜尋! 如果你是在代理商管理多個 GA4 資源的情況,或是 GA360 的企業級客戶有多網站和對應的 GA4 資源要維護時,這次的更新算是大大降低的搜尋的困難度。再也不用儲存或維護 GA4 的 DataStream ID (資料串流ID) 和 Property ID (資源ID) 的對照表。
Google Optimize 建立實驗與透過 Google Tag Manager 來安裝
免費的 AB 測試工具中,Google Optimize 一直都是個不錯的選擇。除了簡單介紹實驗的建立以外,會提到如何使用 Google Tag Manager 安裝和串接 Google Analytics 4 來查看數據。
Google Tag Manager - 進階技巧 DataLayer Variable 資料層變數的版本1和2
新增一個 資料層變數(DataLayer Variable) 時,會看到下方有一個選項「資料層版本」,預設都是版本2,其實版本2和版本1有蠻大的差異,如果能了解這兩個選項的不同,就能避免在一些特殊情況下可能會搜集到錯誤資料的可能
LookerStudio(DataStudio) - GA4 報表錯誤? 新功能釋出 Google Analytics 4 API 使用狀況
上個月開始 Google 突然無預警的修正了 Google Analytics 4 的 API Quota 套用在 Looker Studio (原本名為 Data Studio) 上。影響了大量的用戶無法正常使用,但目前看起來 Google 並沒有想要調整回原本的無上限版本。經過一陣子的時間後,Google 推出了一個新功能方便你查詢目前 API Quota 的使用情形,算是在這種大逆風的狀況下推出一點貼心的功能(但你還是不能隨心所欲地一直拉報表或是分享給很多用戶使用)
Google Analytics 4 Data API - Google App Script 使用 API 的 Filter 篇
在一個特別的需求下,需要將資料by一個區間下載,於是乎想要直接串 GA4 的 Data API 將資料存到 Google Sheet 中,但第一次使用時再使用 Filter 遇到了蠻大問題,想要在這裡記錄下來解法,未來能夠回來翻以外還能繼續有新的寫法,畢竟整個 Data API 都還在 Beta 階段,未來都還有被調整的空間。
利用 GA4 GTM 來追蹤網頁載入時間 - GTM 進階技巧
以前使用舊版的GA中看得到使用者的網頁載入時間,目前在 GA4 預設是沒有這個功能的,於是找到了可以使用 JavaScript 來取得相關的載入時間後,用GA4 的 event 來搜集相關訊息
2022 數位時代 行銷科技高峰會 混血新行銷
因為疫情關係很久也沒參加實體活動了,這次報名數位時代的混血新行銷,在 Scott Brinker 跟其他講者的演講中可以聽到很多業界的現況和大家怎麼遇到問題和嘗試解決問題,行銷科技 Martech 又是如何慢慢的影響整個全球的行銷方式
Google Tag Manager - 進階技巧 CSS 選擇器的練習資源
多次在 StackOverflow 的問答中或是實務上被問到的問題,會發現很多情境都會使用到 CSS Selector(選擇器),但這對於不常使用的人來說其實有一定的入門門檻,這邊介紹了一個用遊戲來學習 CSS Selector 的網站和教學的資源搭配使用
Google App Script 在 Google Sheet 和 ChatGPT 問答
使用 Google App Script 自定義一個 Function 函式並透過 ChatGPT 的 API,就可以實現在自己的 Google Sheet 和 ChatGPT 進行對談
GA4 更新 - 每個工作階段的瀏覽次數 和 平均單次工作階段參與時間
GA4 更新內容 - 20221205 釋出新的兩個指標,每個工作階段的瀏覽次數 和 平均單次工作階段參與時間,這兩個指標能透露更多有關使用者在網頁上停留多久,以及瀏覽的次數為何偏高或偏低
社群問答:CSS Selector 選擇想要的元素來做點擊追蹤
情境是想要追蹤一些 a link 連結的點擊追蹤,可是這些元素都沒有適合參考的 id, class。唯一看起來可以使用的就是 data-type 的屬性,如何使用 CSS Selector 在做到
Google Tag Manager - 觸發條件 點擊和連結點擊 (All Click, Link Click)
Google Tag Manager 中的觸發條件(Trigger), 要如何設定點擊和連結點擊,兩者的差異以及該選哪一個
GA4 電子商務的收入金額 不一致 出現小數點
GA4 的電子商務報表中,幣別明明是選擇新台幣,也確認資料送的金額數字是對的,但最後在報表的呈現卻不一樣,出現了額外的小數點,金額上也會有些微落差,原因居然是幣別的關係
Google Tag Manager - 觸發條件 網頁瀏覽、Dom就緒、視窗已載入
GTM 的觸發條件 - 網頁瀏覽(Page View)、Dom就緒(Dom Ready)、視窗已載入(Window Loaded)三個觸發條件由於非常接近,直接綜合在一起寫,也可以發現說其實這三個觸發條件是有順序關聯的,希望能好好解釋這三者的差異
Google Tag Manager - 觸發條件 元素可見度 (Element Visibility)
GTM 的觸發條件 - 元素可見度,是個能力強大的工具,當你想要追蹤一個網頁元素的出現,或是一個元素滾動到可視範圍中,都可以使用這個觸發條件來達成
Google Tag Manager - 變數 對照表(Lookup Table) 介紹和如何使用
GTM 的變數 - 對照表(Lookup Table),可以幫助你在有明確規則的狀況下改寫變數中的值,用來去蕪存菁或是直接改成想要的資料格式。只需要注意他的運算規則是等於(==)而不是包含
GA4 證照的準備方向
GA4 的證照已經出現一陣子了,希望能透過這次對於題目的回顧,提供給一些大家準備的方向 (20230112更新 , GA4 config 已經移至 admin)
Google Tag Manager - 觸發條件 自訂事件 (Custom Event)
Google Tag Manager 中的觸發條件(Trigger), 要如何設定自訂事件(Custom Event)來對應 Datalayer 中的事件
Hexo Algolia 心得 和GTM實作追蹤站內搜尋事件
終於也使用了 Algolia 來當作這個網站的搜尋引擎,雖然他有支援一些 UA 的追蹤,還是想把他的 DataLayer 如何實作寫出來,讓需要的人可以客製自己的 search dataLayer 來使用
Google Tag Manager - 容器版本的回復和代碼的還原
隨著 GTM 容器的使用,創造了數十個或是上百個版本,同一個代碼的程式甚至經歷過無數次的修改,其實可以一次將整個容器回復到特定的版本,也可以只讓某一個代碼來回復
Google Tag Manager - 利用 LocalStorage Cookie SessionStorage 來暫存資訊
網頁追蹤偶爾會需要將一些頁面上的資訊或是使用者的資訊暫存在瀏覽器上,這時常常會發現有 Cookie, LocalStorage, SessionStorage 可以選擇,這邊試圖來理解該怎麼使用以及如何挑選 !
Tool - 利用 Google Sheet 列出 GTM 中的所有設定資訊
利用 Google Sheet 和 App Script 來列出 Google Tag Manager 中所有關於 GA4 的 Tags 設定,包含其中的 Parameters、Trigger、Variable 等等,再也不用一個一個打開來檢查設定
GA4 Event/User Parameter 限制
Google Analytics 4 有分為 Event Parameter 和 User Property,各自有不同的字數限制和使用上限。尤其超過字數的限制會可能直接讓追蹤無效
Google Tag Manager - 代碼(Tag) GA4 Field To Set 設定事件參數
當決大部分的 GA4 Event 都需要設定相同的 Event Parameter 時,利用 Field To Set 可以只設定一次就解決 !
Google App Script 測試 Webhook 的串接
使用 Google App Script 的 doGet, doPost function 來測試收到 get post request 的情形,很常利用在一些 webhook 的串接時想要有個臨時的地方測試 payload 時會用到。
Google Tag Manager - Using Ecommerce Datalayer directly in GA4 Event tag
Google Tag Manger 發布新功能,可以在 Google Analytics 4 的 Tag 中直接使用 Ecommerce 的 DataLayer,再也不用重新設定一個額外的 DataLayer Variable For Items
從 Sublime Text 跳到 Visual Studio Code
為何從 Sublime Text 轉換到 Visual Studio Code
GA4 Certification Announced | GA4 證照測驗公布
Google Analytics 4 終於公布了自己的課程和證照測驗 !
GA4 電子商務的建議事件說明 & DataLayer 規格
GA4 在電子商務的推薦事件,Datalayer 該如何準備,以及這些事件該在什麼時機點觸發
Google Tag Manager - 處理價格的逗點跟小數點
利用 Google Tag Manager 傳送 Price 作為結構化資料或是 Google Analytics 4 時,因為逗點和小數點的問題導致價格無法順利追蹤
Google Tag Manager - 重寫 Datalayer 裡面中的 Item
如何改寫 Datalyer 的 Items ,符合 Google Analytics 4 的 Items 規格
Firebase Notification Click Any Link
讓 FCM Notification 可以支援點擊任何連結,不受到同 Host/Domain 的約束
Hello To Hexo
如何挑選 Theme, 如何安裝 Google Tag Manager, 使用 Git Action 自動化部署 Hexo
























































































































