利用Javascript來將URL的追蹤碼移除

工具連結: https://sample.diary.tw/urlshare/

在分享連結給朋友時, 往往會因為有過多的追蹤碼(Tracking Code)像是 utm_*, 或是 facebook 的 fbclid 等, 很長以外, 也不想將追蹤碼被分享, 這個時候, 往往就需要手動將 URL上的對應參數給移除後再分享出去.

利用 Javascript 中的 URL物件與 searchParams 可以方便與快速地移除這些小東西, 程式碼主要用到了 searchParams 中的 delete 即可, 例如:

var destUrl = "https://diary.tw/?fbclid=tracking_tracking_tracking";
var url = new URL(destUrl);
url.searchParams.delete("fbclid");
alert(url.toString());

這裡整理了幾組常見的 tracking code:

1. utm_campaign
2. utm_medium
3. utm_source
4. utm_term
5. utm_content
6. fbclid
7. ttclid
8. gclid

其中 utm_* 可以參考這個 campaign builder: https://ga-dev-tools.google/campaign-url-builder/

而 fbclid 是 Facebook的 click id 追蹤碼, ttclid 是 Tiktok 的, gclid 則是 Google 的.

利用這個方式, 建立了一個方便好用的 URL追蹤碼移除工具, 並會自動再複製回剪貼簿, 再到想分享的地方去分享即可.

工具連結: https://sample.diary.tw/urlshare/

參考資料:

• https://javascript.plainenglish.io/how-to-remove-query-string-parameters-in-url-c3cb35421083

[20240709 23:13]

新增三組 Yahoo追蹤碼:

1. guccounter
2. guce_referrer
3. guce_referrer_sig

參考資料:

• https://github.com/brave/brave-browser/issues/25691

若你知道更多需要過濾的追蹤碼, 也請不吝於留言告知