Skip to main content

Command Palette

Search for a command to run...

Google Analytics 加上 AI

Published
1 min readView as Markdown
Google Analytics 加上 AI
L

前端工程師 Augustus 的學習筆記 — solving problems, in simple ways.

本篇同步發表於:Let’s Write - Google Analytics 加上 AI

之前看到一篇文章:2018年了,想成為『數位行銷』英雄你該注意甚麼?

裡面有一段話看到後立馬分享給同事看:

最近 GA更新的人工智慧功能(目前只有英文版的GA有這個功能)居然能直接幫我偵測出數據異常的狀況,並Report數據、診斷現況讓我知道。

不過文章裡沒有很明白的說是在GA的哪一個地方看到的,也就沒有特別去找。

一直到今天進到GA首頁(頁籤一直都是設成英文版的),發現右上角的一個icon寫著「Intelligence」(紅框處):

之前以為是什麼公告通知就沒理他,今天一點開來,就看到了文章中說的人工智慧功能。點開後看到下圖:

新的消息顯示在「NEW」,因為我都看過了,因此會收在「READ」裡。

(GA連我們看了哪些項目都要收集資料啊~)

GA大概是全球網站資料分析工具中市佔率最高的,所以AI提出的資訊會是大部份的網站都想知道的,像圖片中出現的Facebook來源狀況,跟網站的忠誠度,光看到標題就想點進去了。

點進忠誠度這點,就看見以目前的網站數據,分析為什麼AI會覺得忠誠度降低的原因,並直接搭配圖表來說明,如下圖:

除了告訴你AI認為的結果,也會有推薦改善的方法。

在介面裡面還有一個搜尋框,可以讓你輸入關鍵字,點了搜尋框,就發現Google不愧是從搜尋起家的,都知道使用者要什麼,一點開就看見最後一個是「我可以問些什麼?」

原本還想說「可以怎麼問問題?」或是「我該怎麼把問題轉成英文?」…之類的。

Google就直接給你參考選項使用。

點了最後一個「What Questions Can I Ask」(我可以問些什麼)後,出現了一頁很像是常見問題的頁面:

接著再點選各個問題,他就會按照這組GA收集到的資訊告訴你答案。

提供的答案都是你網站中收集來的資訊,這點很厲害。

因為GA這種全球都在用的功能,完全說得上是大數據,這些問題會是一般不懂的使用者,像是你的主管(咳)或是聲稱考過GA證照但一問怎麼使用卻又不會用的同事(咳咳),會問到的問題,而GA的AI就先條列出來給你,只需要點一下就可以看見相關數據及建議。

如果這功能未來有中文化了,對數據分析人員會是有好處的吧?

特別說明一下GA怎麼從中文介面改成英文。

一般進到GA,網址是:

analytics.google.com/analytics/web/?hl=zh-TW#/report-home/xxxx

只需要把「hl=zh-TW」改成「hl=en」,就會變成英文版介面了。

More from this blog

圖片壓縮:用 Compressor.js 自動調整品質壓縮至指定大小

本篇要解決的問題 很多網站功能會需要處理使用者上傳的圖片,比方讓使用者上傳會員照片。 但隨著手機相機愈做愈好,拍出來的照片隨便都是幾 MB,直接上傳的話,耗時也佔空間。 雖然網路上搜尋有許多圖片壓縮工具,但大多只能設定固定的壓縮的品質,無法保證壓縮後的檔案大小符合需求。 本筆記文將使用 Compressor.js 套件,實作一個圖片壓縮功能,符合以下需求: 自動嘗試不同的壓縮品質,直到檔案小於指定大小(ex: 600KB)為止。 將圖片轉換為 WebP 格式。 長、寬限制最大尺寸。 這...

Oct 4, 20254 min read
圖片壓縮:用 Compressor.js 自動調整品質壓縮至指定大小

使用 pm2.web 建立免費 PM2 監控系統

本篇要解決的問題 PM2 是 Node.js 裡常用的 process manager,一般如果是透過網頁監控、重啟,大概會使用官方的 Keymetrics。 但,But!就是這個 But!免費版最多只能監控 4 個 Process,再多就要掏出魔法小卡了。 問了 ChatGPT 後,發現有一個開源的替代方案:pm2.web,可以自己架設,不管幾個 process 都完全免費。 以下筆記如何使用 Vercel + MongoDB Atlas 部署 pm2.web,免費監控我們的 PM2。 架構...

Sep 26, 20252 min read
使用 pm2.web 建立免費 PM2 監控系統

GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學

本篇要解決的問題 最近在研究 MCP,剛好在 Threads 上看到有人實測 Figma MCP,想試看看是否真的能透過 AI 進行切版。 實作了一下後,還真的可以,不過目前僅針對簡單設計稿進行測試,結果略有跑版現象,整體效果尚可接受。 但目前就有這成果覺得厲害,再給它一段時間,也許前端工程師可以省掉切版的時間,把心力放到別的地方。 前提是,客戶要很明確的知道自己要什麼 XD,不然靠 AI 微調,還不如人工直接改程式還比較快。 用到的資源 以下是要實作用 Figma MCP 來切版,需要的資源:...

Apr 12, 20252 min read
GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學

使用 Google Apps Script 串接 Google Analytics API,整合多站數據

本篇要解決的問題 一間公司裡可能旗下會有多個網站,想同時查看所有網站的 GA 數據,通常需要開啟多個瀏覽器視窗並排顯示,操作較為繁瑣。 如果可以改由 API 來取得 GA 的數據,工程師就可以把各站的資料顯示在一個頁面上,而不用同時開多個 GA 來看。 開通 GA API 取得 GCP 專案編號 要先有 Google Cloud Platform(GCP)的專案,沒有的話登入自己的 Google 帳號,就可以先增一個。 專案編號就在 資訊主頁 上: 開通 GA API 功能 在使用 API ...

Mar 29, 20254 min read
使用 Google Apps Script 串接 Google Analytics API,整合多站數據

監聽 localStorage 事件:如何在同一頁面內偵測變更

本篇要解決的問題 我們有時會把資訊存在瀏覽器的空間裡,像是 Cookies、Local Storage、IndexedDB。 Local Storage 原生的 storage 事件主要用於跨分頁同步,如下: window.addEventListener("storage", () => {}); 但如果想要在同一個頁面內監聽變更,就需要手動覆寫 localStorage 方法。 localStorage event listener 我們可以透過 Storage.prototype 覆寫...

Mar 3, 20251 min read
監聽 localStorage 事件:如何在同一頁面內偵測變更
L

Let's Write

63 posts

前端工程師 August 的學習筆記 — solving problems, in simple ways.