iT邦幫忙

1

掃描 QR Code 導向問題

  • 分享至 

  • xImage

請問一下,因個人使用網路上工具邦工具,QR Code 產生器,製作QR Code圖示後,掃QR Code時後,它會自動導向手機那個app軟體可以開啟臉書,但問題來了,每次掃描時,都會有「工具邦技術提供字眼,請問有什麼辦法說,可以有這樣的功能然後,不要有不相關字眼。
https://ithelp.ithome.com.tw/upload/images/20240824/20012957jijtIdfiT4.png

https://ithelp.ithome.com.tw/upload/images/20240824/20012957LbFQn2A5VL.jpg

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
YC
iT邦好手 1 級 ‧ 2024-08-26 10:27:42
最佳解答

參考連接,自己改寫。

思路:
qr code 的網頁打開時,你需要先用js判斷,目前是iPhone、Android,
然後再跳到對應的網頁

iPhone → fb://page/?id=100064697889139
Android → fb://page/100064697889139

如果無法跳到 facebook app,再跳到
個人電腦 → facebook.com/yamworld

實作:
程式裡, fb:page.id / fb:page.name 的 content 換成你的值

<meta name="fb:page.id" content="100064697889139">
<meta name="fb:page.name" content="yamworld">

範例

看更多先前的回應...收起先前的回應...
ddovwmk iT邦新手 4 級 ‧ 2024-08-26 19:39:20 檢舉

掃qr code後,就直接判斷手機是否已有登入臉書的app軟體,不需在輸入帳密,若是沒有的話,就判斷可開啟指定網址開啟就好。
android fb://page/324056764118977
facebook https://www.facebook.com/freedisabled2.0
ios fb://page/?id=324056764118977
pc https://www.facebook.com/freedisabled2.0

YC iT邦好手 1 級 ‧ 2024-08-28 11:15:29 檢舉

你直接依照我文章的程式改就好了

ddovwmk iT邦新手 4 級 ‧ 2024-08-28 20:19:12 檢舉

我改好了,如下,那檔案要存放在那裡?

a {
  margin: auto;
}

svg {
  height: 300px;
}
function openFacebook() {
  const id = document.querySelector('meta[name="fb:page.id"]').content

  const isIOS = osPattern('\\biPhone.*Mobile|\\biPod|\\biPad|AppleCoreMedia')
  if (isIOS) {
    window.location = 'fb://page/?id=' + id
  }

  const isAndroid = osPattern('Android');
  if (isAndroid) {
    window.location = 'fb://page/' + id
  }

  const name = document.querySelector('meta[name="fb:page.name"]').content
  setTimeout(function () {
    window.location = 'https://facebook.com/' + name;
  }, 1)
}

(function () {
  openFacebook()
})();
YC iT邦好手 1 級 ‧ 2024-08-29 10:13:09 檢舉

放那個網路空間,我是建議另外問。依照你的能力跟條件,其他大大會有不同的建議。我個人是偏好 github page,跟其他方案比起來,可能沒那麼簡單。

建議你將檔案放在電腦裡,點開能正確執行,再來討論其他的。

ddovwmk iT邦新手 4 級 ‧ 2024-08-29 14:47:32 檢舉

YC (yycking)您好:
可以執行了,出現在如何把檔案放在網路上?google硬碟空間可行嗎?然後可以測後手機app的話,檔案頁面我就會漸漸修改美編了。

YC iT邦好手 1 級 ‧ 2024-08-29 15:22:21 檢舉

沒用過,不過我之前有看過類似文章。不知道還能不能用?

ddovwmk iT邦新手 4 級 ‧ 2024-08-29 21:03:28 檢舉

剛剛測試如下影片教學,但結果有問題
影片:https://www.youtube.com/watch?v=_-nlda0fSc4
結果:https://sz3quhp6aceuatggppaihg.on.drv.tw/QR/

YC iT邦好手 1 級 ‧ 2024-08-30 11:30:01 檢舉
ddovwmk iT邦新手 4 級 ‧ 2024-08-30 22:08:48 檢舉

請問一下,若手機沒有安裝臉書app軟體的話,指令是導向手機裡頭瀏覽器開啟嗎?

ddovwmk iT邦新手 4 級 ‧ 2024-08-31 14:19:50 檢舉

另一個問題,網頁可以加注提供:身心障礙者部落格聯盟粉絲團嗎?

YC iT邦好手 1 級 ‧ 2024-09-02 10:31:38 檢舉

問題一:JavaScript會先嘗試用app開啟,一秒後會自己連到網頁
問題二:初學者沒方向,可以先問看看 Claude ai ,讓他生成網頁。但是,建議還是要有一些基礎,畢竟 ai 偶爾會胡說八道

YC iT邦好手 1 級 ‧ 2024-09-02 14:34:04 檢舉

如果你不想寫程式,可以考慮用類似canva這種工具

ddovwmk iT邦新手 4 級 ‧ 2024-09-02 21:28:39 檢舉

我有網頁製作能力,但如上指令有辦法顯示文字嗎?

324056764118977 這是個人臉書的代號,那可以戶網頁嗎?剛剛測試了一下,好像不行,那是不是每頁的臉書都有自己的代號?

YC iT邦好手 1 級 ‧ 2024-09-03 10:11:37 檢舉

我有網頁製作能力,但如上指令有辦法顯示文字嗎?

你直接依照一般網頁設計,然後把這些貼到header

<meta name="fb:page.id" content="100064697889139">
<meta name="fb:page.name" content="yamworld">
<script>
    function osPattern(pattern) {
      return new RegExp(pattern, 'i').test(navigator.userAgent) ? true : false;
    }

    function openFacebook() {
      const id = document.querySelector('meta[name="fb:page.id"]').content

      const isIOS = osPattern('\\biPhone.*Mobile|\\biPod|\\biPad|AppleCoreMedia')
      if (isIOS) {
        window.location = 'fb://page/?id=' + id
      }

      const isAndroid = osPattern('Android');
      if (isAndroid) {
        window.location = 'fb://page/' + id
      }

      const name = document.querySelector('meta[name="fb:page.name"]').content
      setTimeout(function () {
        window.location = 'https://facebook.com/' + name;
      }, 1)
    }

    (function () {
      openFacebook()
    })();
  </script>
ddovwmk iT邦新手 4 級 ‧ 2024-09-07 20:12:35 檢舉

請問一下,如上的語法,是粉絲團的代號,那如何臉書某一頁的話,這要如何設定?例如下網址首頁要如何使用
https://www.facebook.com/freedisabled2.0/posts/pfbid0qCKuJiUZG4DoVxJK8keArJMqLu2N2E8cDGGP6inJpxaMeJutDXsB9stYH2y8Gjsil

YC iT邦好手 1 級 ‧ 2024-09-08 08:59:16 檢舉

沒研究
根據這個文件
可能是用 fb://post/頁面id
但是實際如何,我沒試過

ddovwmk iT邦新手 4 級 ‧ 2024-09-08 15:22:03 檢舉

大哥,如下語法下的對不對?

a {
  margin: auto;
}

svg {
  height: 300px;
}
function openFacebook() {
  const id = document.querySelector('meta[name="fb:page.id"]').content

  const isIOS = osPattern('\\biPhone.*Mobile|\\biPod|\\biPad|AppleCoreMedia')
  if (isIOS) {
    window.location = 'fb://page/?id=' + id
  }

  const isAndroid = osPattern('Android');
  if (isAndroid) {
    window.location = 'fb://page/' + id
  }

  const name = document.querySelector('meta[name="fb:page.name"]').content
  setTimeout(function () {
    window.location = 'https://facebook.com/' + name;
  }, 1)
}

(function () {
  openFacebook()
})();
YC iT邦好手 1 級 ‧ 2024-09-09 23:08:08 檢舉

那如何臉書某一頁的話
我沒找到相關資料,要問看看其他大大有沒有相關訊息。

ddovwmk iT邦新手 4 級 ‧ 2024-09-22 16:03:45 檢舉

老師您好:
有找到如下指令,那這的話,如上指令就有需要重新寫過嗎?
< meta property="fb:admins" content="61559621064110"/ >
https://www.facebook.com/freedisabled2.0/posts/pfbid02hmPdzUBjGpwV9gm6Hhd4vZjMtL1pWvxqp4CufuSpF1MRS2PfcQnLH3LqCCeK91ngl

YC iT邦好手 1 級 ‧ 2024-09-23 10:19:00 檢舉

不用,正常來說 fb:xxx 都是給Facebook的爬蟲看的。
我範例的fb:page.id / fb:page.name是我亂建的。
目的只是方便其他人修改時,不用改javascript。

ddovwmk iT邦新手 4 級 ‧ 2024-09-23 21:20:37 檢舉

老師您好:
我試過您是供的語法,我還是無法成功,跳出我要的臉書頁面,到底那裡出了問題?

YC iT邦好手 1 級 ‧ 2024-09-24 10:12:59 檢舉

這只能跳到粉絲首頁,無法跳到其他的

ddovwmk iT邦新手 4 級 ‧ 2024-10-10 17:19:09 檢舉

老師您好
  我搞懂了,那我請問老師您一下,我要在github.com網站,更新index.html檔後,在發佈的話,QR Code就需要重新在製作新的嗎?

YC iT邦好手 1 級 ‧ 2024-10-11 23:11:46 檢舉

不用,你github的網址還是一樣

1
黃彥儒
iT邦高手 1 級 ‧ 2024-08-24 14:18:22

自己寫一個阿,用Cloud function一兩個小時就搞定了吧

ddovwmk iT邦新手 4 級 ‧ 2024-08-24 15:41:24 檢舉

請問一下,要如何寫,可以教教我嗎?
可以用google雲端硬碟嗎?

froce iT邦大師 1 級 ‧ 2024-08-26 15:09:19 檢舉

寫爬蟲然後直接去掉下面的字應該更快。
不過,原PO啊,用免費的又沒能力的話,乖乖讓人廣告一下會怎樣?

0
iT邦新手 1 級 ‧ 2024-08-25 10:28:05

現在應該瀏覽器就有內建,你在那個網頁點選右鍵看。

https://ithelp.ithome.com.tw/upload/images/20240825/20120981LCPY60Euke.png

ddovwmk iT邦新手 4 級 ‧ 2024-08-25 12:22:06 檢舉

此方式,只有進入網頁,還需要登入fb帳密,qr掃描後,是沒有辦法導向正確app程式開啟。

我要發表回答

立即登入回答