GA4文章研讀

基礎建設:
Configure Google Analytics 4 tags in Google Tag Manager

進階:
How to Track a “Button Click” Event in Google Analytics Using Google Tag Manager
教你追蹤按鈕。後面是教U4應該換成GA4。

一些重要的觀念:
About triggers

The data layer – Tag Manager Help (google.com)
The data layer

track button with GTM and send those event to GA4

這個影片先教你用preview模式,一開始都沒有click,所以要到Trigger上建一個新的Trigger,選Click – All Elements。

然後把所有的variables都打開

因為上面的Click all element不管點什麼它都會記下來,接下來調整把Trigger改得更精確,設定只有點了id是XXX的才觸發

像這樣(不建議用按鈕內的文字因為可能有多語系問題,用ID最方便了)

接下來要把這個click的資訊送到GA4。還可以把使用者點的按鈕的文字是什麼送給GA4。(行銷可以知道什麼樣的文案吸引人)
所以到Tag上面新增Tag。

注意介面上有Event Parameter,如果想讓這個Event能收集到更多的資訊,在Parameter上可以新增一些自己想看到的資訊。例如書名、作者、價錢…
詳見:Understand event parameters
假設想要看什麼樣的文字內容會比較多人想要點的話,新增一個Parameter Name,填上建議的參數名 link_text,value就是從之前打開的variable裡面選

這裡可以理解成一個function要開什麼參數進來,然後這個參數會是什麼值

function cuteLuna( parameter1, parameter2, …)

接下來把這個Tag和之前建的Trigger連結,就大功告成惹。






By default, GTM has not enable any click tracking feature.
CTA:Click to action




PlayWright研究日誌

實作一個網站來觸發PlayWright的測試,例如開這個網頁讓它跑Yahoo網站
※本文不定期更新

使用pnpm建立PlayWright專案
pnpm dlx create-playwright
記得要開一個資料夾來跑這個指令,它是直接在開好得資料夾裡安裝,而不是建一個資料夾在裡面安裝。

GA GTM tutorial from scratch

首先到Google Tag Manager
建立一個Account

然後看彈窗的提示來埋code
還特地叫彈窗出來,好貼心
埋好之後創一個GA4

創完之後資料不會馬上有,要等等

切回GTM,把GA4加進來

點New Tag

反正我就全選惹
發現有加進企惹
有按鈕就會想點,點一下Submit
之後按Publish
大功告成

然後點一下之前連過來的GA4,給它加上這個Trigger

看網路教學說把

ChatGPT

在React裡用querySelector的ChatGPT

這幾天嘗試用ChatGPT來寫自己不熟的框架和功能,發現也沒有那麼簡單,程式也不一定能順利run。扎實的學習、技術的穩扎穩打還是很重要,某方面來說有點放心,這也是我喜歡的學習方式。

而且ChatGPT有時候還會回答錯的答案,不能儘信。有時候好用沒錯,但也要有能分辨是非的能力,不能把它的話當聖經。

Continue reading ChatGPT

Master the Coding Interview: Data Structures + Algorithms

Master the Coding Interview: Data Structures + Algorithms | Udemy

udemy上買的,為了熟悉演算法買的課。教得還不錯,英文講得也清楚!

《Big O and Scalability》
JavaScript有提供一個方法來mesure程式跑了多久。

let t0 = performance.now();
let t1 = performance.now();
console.log( t1-t0 + 'milliseconds')

比較兩台電腦哪個跑得比較快是沒意義的,因為電腦的效能不一樣。這時候就要看Big O了。
a runtime is simply how long something takes to run