作者swallowcc (罹患重度能年病的燕叔)
看板Ajax
標題[問題] facebook app browser share link
時間Fri Jul 28 13:09:21 2017
各位前輩好 ._.
最近在做個功能, 會用手機/桌機的 browser 跑 facebook share 功能.
使用以下兩種方式分享圖片連結, 而 share 出去的圖片連結也都可以正常顯示.
實際在跑的 code 如下 (連結有代換)
FB.ui({
method: 'share',
display: 'popup',
href: 'https://www.balabala.com.tw/oooo.jpg',
mobile_iframe: true,
hashtag: "#test"
}, function(response){});
https://www.facebook.com/dialog/share?
app_id=0123456789&
display=popup&
href=https%3A%2F%2Fwww.balabala.com.tw%2Foooo.jpg&
redirect_uri=https%3A%2F%2Fwww.balabala.com.tw%2F
不過如果 user 是用 facebook app 自己的 browser,
分享出來就變成這樣
http://i.imgur.com/5GhMTCO.png 的狀況,
但是點下去之後還是可以看到圖片.
不曉得有人解過這個問題嗎？
想讓 user 用 facebook app browser 分享之後也可以正常的顯示圖片...
感恩 <(_ _)>
-
其實 line browser 也很讓我頭痛, 不過要解這個似乎更麻煩, 就先放置了...
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.219.220.108
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1501218564.A.88B.html
1F：推 jmlntw: 看看是否沒有 Open Graph？ 07/28 15:31
利用
http://simular.co/tools/og/ 檢測之後, 是顯示了
『恭喜您，您不需增加任何的 Opengraph 標籤』的訊息，檢測分數是 100 分。
看起來應該沒有漏掉什麼標籤才是。且只有在 facebook app browser 才會發生~~
不過這麼說起來, 目前 share 那個連結是單純的 image url 而已,
也許擺到一個頁面裡面去並設定 OG 狀況就可以解決?
※ 編輯: swallowcc (61.219.220.108), 07/28/2017 15:39:31