Facebook、Instagram、YouTube、Twitter掃描 QRcode 自動開啟APP或開啟網頁

被市面幾個跳轉的工具荼毒後，對於自行開發IG的跳轉工具給予高度肯定，尤其是反應快速且穩定。

於是決定把YouTube、Facebook、Twitter等其他幾個媒體管道，一並開發完成並免費提供在行銷苦海中的各位使用，希望大家在行銷路上能不要為了這些雜事煩惱。

如果有需要自行託管的可以參考另外一篇文章，”Facebook、Instagram、YouTube、Twitter掃描 QRcode 自動開啟APP或開啟網頁“，裡面有完整說明和自己架設的相關方式。

此方案能解決在短網址或是跳轉服務中，客戶沒有安裝該媒體的APP就會無法開啟，或是開啟至指定頁面需要超過15秒以上，客戶體驗度非常差拒絕按讚或跟蹤。

• 客戶使用手機掃描
  • 未安裝 Instagram APP 的 > 自動開啟 Instagram 網頁並帶向指定頁面。
    (優化體驗)
  • 有安裝 Instagram APP> 自動開啟Instagram APP 並帶向指定頁面。
    (快速點讚或跟蹤)
• 電腦開啟連結或掃描
  • 自動開啟 Instagram 網頁並帶向指定頁面。

Facebook 跳轉使用方法

第一取得 FB ID

連線至”查詢我的 Facebook ID“填入粉絲團或個人頁面的網址，按下生成User ID，會在下方結果顯示 Facebook ID 。

本次的查詢結果為 493969687444173 ，接下來使用轉址的時候就需要使用到。

將查詢到的Facebook ID 替換掉XXXXX(範例內容為:493969687444173)，結果會如下方範例所示:

#轉址連結
https://www.cjkuo.net/q/rd?fbid=XXXXX

#範例
https://www.cjkuo.net/q/rd?fbid=493969687444173

取得網址後可以利用此網址產生 QRcode 或是其他媒體進行分享，來自動判別需要開啟FB APP或是網頁版的FB介面。

Instagram 跳轉使用方法

IG 部分就較為簡單轉址代號是ig，只需要把XXXX的部分替換成帳號ID即可，範例中的 Instagram ID 為 Kuo4j，如下圖紅框所示。

在取得IG 帳號 kuo4j 後，將XXXXX替換成您所需的帳號即可。

#轉址連結
https://www.cjkuo.net/q/rd?ig=XXXXX

#範例
https://www.cjkuo.net/q/rd?ig=kuo4j

取得網址後可以利用此網址產生 QRcode 或是其他媒體進行分享，來自動判別需要開啟IG APP或是網頁版的IG介面，加速客戶一鍵跟蹤。

YouTube 跳轉使用方法

YouTube 也無須額外查詢ID，只需要把XXXXX的部分替換成頻道名稱即可，範例中的頻道名稱為 LofiGirl，頻道名稱可以在網址中找到如下圖所示。

在取得YouTube 名稱為LofiGirl後，即可將XXXXX替換掉，範例如下

#轉址連結
https://www.cjkuo.net/q/rd?yt=XXXXX

#範例
https://www.cjkuo.net/q/rd?yt=LofiGirl

取得網址後可以利用此網址產生 QRcode 或是其他媒體進行分享，來自動判別需要開啟Youbute APP或是網頁版的Youtube介面。

Twitter 跳轉使用方法

Twitter 也無須額外查詢ID，只需要把XXXXX的部分替換成帳號ID即可，範例中Twitter 帳號ID為 elonmusk，可以在名稱或網址中找到如下圖所示。

在取得 Twitter 名稱為 elonmusk 後，即可將XXXXX替換掉，範例如下

#轉址連結
https://www.cjkuo.net/q/rd?tw=XXXXX

#範例
https://www.cjkuo.net/q/rd?tw=elonmusk

取得網址後可以利用此網址產生 QRcode 或是其他媒體進行分享，來自動判別需要開啟Twitter APP或是網頁版的Twitter 介面。

後續進階應用

方案一 使用短網址於分享文章

我們以上面IG的例子做為舉例，在取得跳轉網址 ” https://www.cjkuo.net/q/rd?ig=kuo4j ” 後，這對客戶來說來文字還是太長無法使用。

小編較常使用的短網址服務為”shorturl“或”bitly“這兩者的服務都挺好用，最後使用哪一個業者需評估各自的商業需求。

Shorturl 使用方法

縮短網址方式如下，填入網址 https://www.cjkuo.net/q/rd?ig=kuo4j 按下 Shorten Url。

會立刻提供縮短後的網址，如下圖所示 shorturl.at/cloIR

Bitly 使用方法

也是將要縮短的網址https://www.cjkuo.net/q/rd?ig=kuo4j填入後，立即會提供短網址 “https://bit.ly/3OSY3BS” 如下圖所示。

方案二 印出實體的 Qrcode 現場或會場使用

放在櫃檯或是桌面上給客戶掃描，這時直接拿網址(https://www.cjkuo.net/q/rd?ig=kuo4j)，進行Qrcode 產生，小編自己常用的網站是”qrcode-monkey“，填入網址後還可以根據需求調整圖樣如下圖。

QRcode產生完後看起來挺不錯的，再拿給廠商可輸出成下面桌面立牌或自行列印，我在Google上找了一些圖例，不過私底下了解好像只要把網址給對方，對方自然會直接幫你產生成QR code和做成成品。

方案三 使用自己網站的跳轉功能

客戶點擊時呈現自己網域的資訊，可以透過自己本身的 Server 做轉發以 Nginx 為例

當使用者訪問指定的URL，例如 : https://<你的網域>/ig_page ，只要是訪問該連結的訪客都會自動跳轉到” https://www.cjkuo.net/q/rd.html?ig=kuo4j”，跳轉後系統會快速進行判斷指引使用者抵達適合頁面。

 server {
    listen              443 ssl http2;
    server_name         www.cjkuo.net;
    set                 XXXX;
    root                XXXX;
------------------------省略線------------------------------------------------
   
    location = /ig_page {
		return 301 https://www.cjkuo.net/q/rd.html?ig=kuo4j;
	}
}

工商時間

企業或個人用戶在使用腳本有需要提供以下客製化協助，如跳轉頁面增加Google Analytics強化追蹤數據、企業網域託管、客制化跳轉頁面及協助安裝腳本等等服務，都歡迎詢問及洽談。