分類
Javascript

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

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

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

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

分類
好用軟體

快速好用的大型文字記錄檔案檢視器-klogg

klogg 是基於 glogg 的一個分支開發專案, 有完整的圖型化介面與跨平台特性, 可以開啟大型的文字記錄檔, 非常快速方便, 尤其是在查找特定內容時, 可以利用 regular expression 的方式進行, 非常方便快速.

另外也可以當做即時的記錄檔檢視器, 因為在更新內容時, 會直接加入尾端, 方便檢視即時的記錄.

來看看他的介面吧:

上方為開啟的文字記錄檔, 下方則利用了 regular expression \/wp-cron 來查找 wordpress cron 的執行呼叫, 而右邊的紅色則是出現的頻次, 由於 cron 執行的算頻繁, 所以會整面紅紅的. 下方則是查找比對的結果, 而在檔案標籤上右側出現的藍色往下箭頭, 則是表示有新內容產生了.

官方網站: https://klogg.filimonov.dev/

而 glogg 可以參考這篇: https://edoswaldgo.com/software/glogg-best-free-multiplatform-log-viewer/

參考資料: https://stackoverflow.com/questions/159521/text-editor-to-open-big-giant-huge-large-text-files

 

 

分類
Javascript

Google Analytics新舊語法對照

舊版本的自訂 ga() 與新版的 gtag() 語法對照, 可以參考官方文件:

ga(): https://developers.google.com/analytics/devguides/collection/analyticsjs/command-queue-reference#send

gtag(): https://developers.google.com/analytics/devguides/collection/gtagjs/events

舉例來說, 原本在 ga 中, 自訂事件, 原語法為:

ga:

// Sends an event hit for the tracker named "myTracker" with the
// following category, action, and label, and sets the nonInteraction
// field value to true.
ga('send', 'event', 'link', 'click', 'http://example.com', {
  nonInteraction: true
});

換成 gtag 時, 如下:

gtag('event', 'click', {
  'event_category' : 'link',
  'event_label' : 'http://example.com'
});

其中, gtag 後第一個參數為 event (自訂事件), 第二參數為原來 ga 的 event_action, 之後的參數因為為 optional, 所以 event_category, event_label 都再用 json 包起來放在後面了.

請參考上面的官方文件說明.

分類
Javascript

有趣的trackingjs javascript framework

這個利用 javascript 寫的 tracking js 用來做許多視訊與圖形辨識上的應用, 官方介紹在這裡:

http://trackingjs.com/

來看看他的應用有哪些:

  1. 相片裡的人臉辨識 http://trackingjs.com/examples/face_tag_friends.html 像 facebook 裡的標記朋友那樣的功能.
  2. 人臉的眼、口辨識: http://trackingjs.com/examples/face_hello_world.html
  3. 動態的人臉追蹤, 這是從 webcam 動態追蹤人臉: http://trackingjs.com/examples/face_camera.html
  4. 相片的顏色辨識: http://trackingjs.com/examples/color_hello_world.html
  5. 從 webcam 的影像做顏色辨識: http://trackingjs.com/examples/color_camera.html
  6. 從 video 中的影像做顏色辨識: http://trackingjs.com/examples/color_video.html

還有很多其他型式的應用, 簡單來說, 這個 framework 把原本是在應用程式中才能做的特殊影像辨識技術應用在 browser 裡的 javascript 來達來, 目前比較會有問題的是在效率的問題, 不過若是未來 browser 強化與隨著 cpu 等級提升, 相對這些也就都不會是問題了.

快來玩看看吧.