Skip to content

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

Tags:

被市面幾個跳轉的工具荼毒後,對於自行開發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.html?fbid=XXXXX

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

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

Instagram 跳轉使用方法

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

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

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

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

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

YouTube 跳轉使用方法

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

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

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

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

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

Twitter 跳轉使用方法

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

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

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

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

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

後續進階應用

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

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

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

Shorturl 使用方法

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

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

Bitly 使用方法

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

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

放在櫃檯或是桌面上給客戶掃描,這時直接拿網址(https://www.cjkuo.net/q/rd.html?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強化追蹤數據、企業網域託管、客制化跳轉頁面及協助安裝腳本等等服務,都歡迎詢問及洽談。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。