短連結幫我們用較少的文字去到網站,相信只要是正在看這篇文章的你們都使用過「短連結」。
然而 Google 在 2018 開始,關閉了大家熟悉的 goo.gl。接著順便推出了 Firebase 版的短連結服務,稱為 Firebase Dynamic Links (FDL)。
這個工具每個人都能使用,如同 goo.gl 方便大家建立短連結。但在開始建立之前需要經過一些註冊,在這邊會分享與引導:如何建立自己的短連結網址。
難度指引:
★★☆☆☆ 對於新手難度適中
★☆☆☆☆ 操作複雜程度低
★☆☆☆☆ 從無到有的時間 < 30分鐘
第一次登入 Firebase
前往 https://firebase.google.com,然後登入你的 Google 帳號。
新增第一個 Firebase 專案
登入後,會到一個叫做主控台地方。這裡管理你所有在 Firebase 上的專案。
在畫面中間有個「新增專案」的方塊,點擊他建立一個新的專案。
輸入「專案名稱」
這個專案名稱規則為:
使用英文字母、符號僅允許減號(-)、可以使用數字。第一個字必須是英文字。
啟用 Google analytics (GA) 分析功能
Google Analytics 分析功能可以幫助我們追蹤很多數據,這裡建議開啟!
設定 Google Analytics (GA) 名稱
建立一個 GA 的帳號名稱。如果你之前已經使用過 GA,可以直接從選單選擇你的 GA 帳號。
選取你的所在位置,建立專案
等候專案建立完成
啟用 Firebase 代管 (Hosting)
在設定短連結之前,要讓 Firebase 知道這個專案需要「代管服務」。代管是什麼意思,用一個平常的例子來解說 —— 超商代收服務:
賣家有一個銀行帳戶
超商在全台灣到處都有
賣家把收款方式交給超商負責,超商則會協助代收
超商會提供賣家一個帳號,登入之後可以 看到已收款項。
每一位在台灣的買家,只需要到最近的超商繳費即可
繳費過程的現金核對、收款、記帳、憑證收據,都由超商協助解決,賣家無需處理這些細節
對照過去代管服務,就會像是:
我有一個網址(Domain)
Firebase 有很多伺服器(Server)在世界上
我把網址給 Firebase 管理,讓他呈現我設定好的內容
Firebase 會提供我一個地方 存放我的網站
不論在世界各地哪個地方點到網址的人,他會連線到 Firebase 距離他最近的伺服器(CDN)
網站的連線問題,交給 Firebase 去處理,我可以 不需要處理連線問題
設定網站代管
左邊的側邊欄,找到「建構」的分類,有一個條目是「 Hosting」,點擊「開始使用」設定代管。
接下來三個步驟都不需要設定、不需要安裝。雖然看起來有點無意義,但仍然必須做完引導,Firebase 才會啟用網站代管。
(可跳過)安裝指令列工具(Firebase CLI)
安裝 Firebase CLI 是利用個人電腦去設定 Firebase 主控台中的設定。在這篇「建立短連結功能」不會使用到,可以按下一步跳過。
(可跳過)設定指令列工具
讓 Firebase CLI 登入你的 Firebase 帳號。這步驟一樣可以先跳過。
前往主控台
在這裏出現了一個連結,https://你的Firebase專案名稱.web.app
,這個連結就是 Firebase 提供給你的代管服務網址。
我有購買 Domain,我可以使用 Domain 嗎?
可以的,接下來的步驟將會引導設定自己的網址。如果沒有也沒有關係,Firebase 仍會提供一個網址給你設定短連結。
啟用 Dynamic Links
Dynamic Links 主要目的是用在多平台的 App 下載安裝追蹤,也可以使手機瀏覽器跳轉到 App 中特定畫面內容。而這部分我們只會用到網址轉換部分。
左邊的側邊欄,找到「互動交流」的分類,有一個條目是「 Dynamic Links」,點擊「開始使用」設定。
新增網址前置字串
網址前置字串就是指,網址第一個斜線以前的字串。以 https://example.com/my-short-link
為例子:前置字串為 <meta charset="utf-8">example.com
,路徑為 my-short-link
。
前置字串並不是一個專有名詞。這個詞彙在不同場合有不同意義。
免費網址
Firebase 有提供 page.link
的免費網域可以用,但注意網址不能有符號。推薦適合沒有網址的使用者。
如果你是使用 page.link
的網址,第一步驟設定完就結束囉!下一步直接前往 開始設定短連結
自己有 Domain (進階)
如果你自己有購買 Domain,可以自己設定購買的 Domain 名稱。
Firebase 會提供一組 TXT 記錄。接著把這串紀錄設定到 DNS 供應商的記錄。
如果你是使用 page.link
的話,不會看到這個畫面。
使用自己的 Domain: 設定到 DNS 記錄 (以CloudFlare為例)
設定 TXT 與 名稱,以及 Firebase 提供的驗證字串。
如果你是使用 page.link
的話,不需要進行這個步驟。
使用自己的 Domain: 設定 A 記錄
接著 Firebase會提供 2 組 IP,到 DNS 記錄設定 A 記錄。這部分設定方法與上圖相同。
如果你是使用 CloudFlare 管理域名,請記得這兩條 A 記錄不要啟用 HTTP Proxy。
如果你是使用 page.link
的話,不需要進行這個步驟。
使用自己的 Domain: 完成設定。
按下「繼續」完成網址前置字串設定
使用自己的 Domain: 並未正確連線至 https://example.com
如果你使用自己的 Domain ,並且看到這則訊息,請回頭注意 A 記錄是否設定正確。
開始設定短連結
在開始之前:設定許可清單
右邊的選單按鈕打開,點選「將網址模式加入許可清單」
在「規則運算式(regex)網址模式」中,填入 「.*
」(兩個符號,前者小數點,後者星字號) 後按「加入」
進階的朋友,可以使用 Regular Expression 設定網址模式。
按下「完成」,關閉這個設定畫面。
自訂我的短連結:建立動態連結
最後的步驟來到了本文目標:設定想要的短連結
按「新增動態連結」後,會有一個設定視窗,裡面有五個步驟,依序為:
設定你想要的網址文字
在前面得步驟,如果你已經設定好了hello.page.link
的網址前置文字,接下來就可以設定後半部的文字對應到的完整網址是誰
iOS 的裝置看到這個網址要如何反應 (進階)
Android 的裝置看到這個網址要如何反應 (進階)
設定廣告追蹤參數 (進階)
如果你只是需要把網址縮短,只需要注意前兩步驟就能夠完成了!
設定想要的短網址
在前置字串後方,一開始會產生出一組亂碼,如果你想要有意義的短文字,可以自己設定英數符號組合。
另外要注意的是:符號只能使用底線(_)或減號(-),其他符號如斜線、小數點、井字號都是不能接受的。
完整的網址
短連結設定後,就需要設定對應過去的完整網址是什麼。另外也給他一個有意義的名稱描述,這裡只是讓我們可以看到名字想到他是什麼用途,因此沒有文字符號規定。
定義 iOS 行為 (進階、選用)
如果你不知道或是不需要這個功能,可以維持下圖設定,按「下一步」繼續。
這個功能可以讓你用短網址直接啟動特定 App 的特定畫面。
定義 Android 行為 (進階、選用)
如果你不知道或是不需要這個功能,可以維持下圖設定,按「下一步」繼續。
這個功能可以讓你用短網址直接啟動特定 App 的特定畫面。
廣告活動追蹤與社交標記 (進階、選用)
如果你不知道或是不需要這個功能,可以全部空白,按「建立」完成步驟。
社交標記
當你在社群網站分享這個連結的時候,他會帶入「標題」、「圖片」以及「文字敘述」,幫助看到連結的人去理解點進去的東西會是什麼。
社交標記設定結果
Facebook
Twitter
廣告追蹤
如果需要更即時、更完整的 Google Analytics 追蹤,可以在這裡設定。
點擊追蹤
在這裡可以做很基本的點擊計算,在表格中,點擊你設定好的連結,會出現下圖的折線圖和統計數字。
大功告成!
接下來,你剛剛設定的短網址,就能隨意使用囉!
如果這篇文章對你有幫助,請鼓掌讓我知道 > <
「精選圖片(Featured Image)」圖片來自 Illustration by Freepik Storyset