Vixual

fbclid 是什麼

近期 Facebook 粗爆地將用戶分享的網址加入了「fbclid」參數，藉此可以知道網頁是從 Facebook 的哪個地方分享過來的，例如:

http://www.vixual.net/blog/archives/107

經過 Facebook 分享後會變成:

http://www.vixual.net/blog/archives/107?fbclid=IwAR1nXHK4zzzPFEvJHk41Dzgew0lq5BzIoMqHPx05UVmWRQKorKan492B0h0

fbclid 參數竟然有 61 個字元，讓過去有在弄短網址的都直接破功了。

UTM 是什麼

而「UTM」參數則是配合使用 Google Analytics 來追蹤廣告活動的參數，是由網站主自己加上去的。

造成什麼影響?

像 Facebook 與 Analytics 附加的這些功能參數，除了讓網址變得落落長、很礙眼之外，我們在將網頁加入瀏覽器的書籤時，也可能會加到重覆的書籤!

對於一些有「網址潔癖」的人，經常會引發他們緊張、焦慮、挫折、不滿、憤怒、坐立難安...等情緒。

我們普通用戶從來也都不需要、也不想要知道網頁是從哪邊分享的、是來自什麼廣告的!

解決方法

幸好有瀏覽器的擴充套件可以幫我們移除這些參數。

1. 安裝 Neat URL:

• Chrome: Neat URL 功能擴充套件
• Firefox: Neat URL 功能擴充套件

2. 進到 Neat URL 的選項，於 Blocked parameters 欄位加入 fbclid 字串，如下圖:

3. 儲存設定

之前的內容:

以下是我之前使用「Redirector」所寫的步驟，用了上面的「Neat URL」之後就可以不用看了。

1. 安裝 Redirector:

• Chrome: Redirector 功能擴充套件
• Firefox: Redirector 功能擴充套件

2. 於 Redirecotr 功能擴充套件按「Create new redirect」，加入「Remove UTM」的規則，重點為:

• Description: Remove UTM
• Example URL: http://www.vixual.net/?utm_source=test&utm_medium=test&utm_campaign=test
• Include pattern: (.*)(\?|\&)utm_source=\w*(\&utm_medium=\w*)?(\&utm_campaign=\w*)?(\&utm_content=\w*)?
• Redirect to: $1
• Pattern type: Regular Expression

3. 按「Save」儲存

4. 繼續於 Redirecotr 功能擴充套件按「Create new redirect」，加入「Remove fbclid」的規則，重點為:

• Description: Remove fbclid
• Example URL: http://www.vixual.net/?fbclid=test
• Include pattern: (.*)(\?|\&)fbclid=[\w\-]+(.*)
• Redirect to: $1$3
• Pattern type: Regular Expression

5. 按「Save」儲存

參考網頁

• RegExr: Learn, Build, & Test RegEx
• Analytics: 自訂廣告活動