分類
Javascript

利用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/

參考資料:

[20240709 23:13]

新增三組 Yahoo追蹤碼:

  1. guccounter
  2. guce_referrer
  3. guce_referrer_sig

參考資料:

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *