Hi, I’m Mark.Ku

擁有豐富網站開發經驗,直播系統、POS系統、電子商務、平台網站、SEO,專業的網站開發鐵三工程師。

Latest Posts

透過 Google Tag manger 將電子商務網站的使用者行為,搜集至 Google Analysis ( 本篇採用 GA4 )

目的 身為網站開發者或運營,我們通常會想了解會員在網站的操作行為,並期待將其事件數據整合在 Google Analysis 中,以便了解使用者的行為事件,作為網站開發及運營的改善依據。 如: 用戶有沒有登入、結帳、選擇什麼付款方式,是不是有完成訂單等。 運作原理 會員網站執行特定功能時,前端網站透過 Google tag manager api 指令,觸發事先...

Apple Pay on Web + Cybersource 串接筆記

時空背景 因工作需要美國及德國電商網站,需要界接 Apple Pay。 Apple Pay 原理 參考 啾啾鞋影片 美國有多少人口使用 Apple Pay 參考 oberlo 網站 Apple Pay / Google Pay 和第三方支付的差異 Apple Pay / Google Pay 和第三方支付最大的不同是,第三方金流公司會協助處理和銀行帳務問題...

網站網路封包錄製筆記 - fiddler

解決問題 為了查出網站伺服器發出的請求是不是正確,我們通常會用抓包軟體,看對方傳了什麼或是站台做了什麼額外的請求,久久使用一次,常常忘了怎麼設定,想說寫篇筆記幫助回憶。 安裝步驟 下載並安裝 fiddler-classic 免費版下載連結 Tool > Options 切到 Https tab > Actions 安裝憑證 > ok ...

快速建立 Next js 開發環境筆記 ( ESlint + StyleLint + Prettier )

目的 ESlint + StyleLint + Prettier 己經現今前端開發協作相當重要的工具,他可以讓團隊有一致的程式碼風格及規範,並透過 Vscode 開發工具,能夠協助修正一些錯誤。 ESlint : 程式碼撰寫風格校驗,開發階段找到很多潛在問題。 StyleLint : CSS 自動校驗是不是符合團隊規範,自動調整成團隊規範的 CSS。...

解決 Nextjs image loader 造成,docker image 肥大的問題

問題 透過 next/image 元件的載入圖片,都會透過 next server 去調整圖片大小,圖片路徑會渲染成: <img src="https://www.markkulab.com/_next/image?url=https://content.markkulab.com//Images/en-US/Lobby/same_day_rdy_nex...