---
# System prepended metadata

title: (工作筆記) line + facebook social share

---

# (工作筆記) line + facebook social share

## facebook
facebook sharing documention
Basic info
https://developers.facebook.com/docs/sharing/webmasters#markup
Debugger sharing
https://developers.facebook.com/tools/debug/sharing
about Image (og:image)
https://developers.facebook.com/docs/sharing/webmasters#images
算好操作 文件稍微看一下就能處理
要寫的 meta property如下
`<meta property="og:url" content="">`
`<meta property="og:title" content="">`
`<meta property="og:description" content="" />`
`<meta property="og:image" content="">`
`<meta property="og:type" content="website">`

題外話
用引入script+直接用內建share按鈕分享(最簡單的方法) 在網頁版會popup出一個新視窗
如果用js呼叫好像就不會有 但在mobile端兩者看起來就沒有任何差別
## line 
line抓取的資訊
og:title/og:description/og:url/og:image

line 抓取的縮圖為正方形，但 facebook share 的縮圖 size = 600X315(px)
據說line分享不能有 og:site_name 否則無法正常顯示

延伸資訊
1. 強制使用手機 browser開啟 手機line分享連結
https://www.wfublog.com/2018/12/line-link-open-external-browser.html
2. 分享到line的種種問題
https://www.wfublog.com/2017/08/post-share-to-line-problems-faq.html
3. line官方文件(相當簡略)
https://social-plugins.line.me/zh_TW/
