2017年8月1日 星期二

分享到 Line 會遇到的問題整理﹍縮圖+影片+網址

分享到 Line 會遇到的問題整理﹍縮圖+影片+網址

Wayne Fu 0 A+
post-share-to-line-problems-faq-分享到 Line 會遇到的問題整理?縮圖+影片+網址有多位讀者、客戶都曾反應,分享文章到 Line 的效果不如預期,例如無法顯示縮圖、或者圖不是他要的等等。

那麼本篇就整理一下各種網址、影片分享到 Line 時,可能會遇到的問題有哪些,以 FAQ 形式的方式呈現。

(圖片出處: picsee)


一、為何 Line 無法顯示縮圖?


1. 以前的 Line

根據我的使用經驗,以前 Line 為了節省伺服器運作成本,應該是直接用 FB 的 API 來抓縮圖資料。因為以前分享到 FB 會產生的縮圖,跟分享到 Line 產生的縮圖,基本上是一致的。

這樣的話,當文章沒有「正確設定 FB Meta 標籤」時,分享到 FB 不一定能產生縮圖,那麼連帶的 Line 也就無法產生縮圖了。

另外必須參考「為何分享文章會被 FB 封鎖」,當 FB 分享被過度使用、或濫用時,也會造成 FB 縮圖無法顯示,那麼就導致 Line 去爬 FB 資料時也爬不到了。


2. 現在的 Line

隨著 Line 的市佔率提升,我相信他們已經有預算可以用自己的伺服器爬網址相關資料了,因為最近測試的結果:

  • 一個沒正確設定 FB Meta 資訊的網頁,分享到 FB 時無法產生縮圖
  • 當相同網址分享到 Line 時,Line 會自行爬取該網頁的圖片,並產生縮圖
  • 這代表分享到 FB 與 Line 的縮圖已經不會連動了
  • 所以被 FB 封鎖的網頁,不一定會被 Line 封鎖


3. 過度使用 Line 時

然而,還是會有讀者反應分享到 Line 沒有縮圖的狀況,那麼這代表 Line 也是會觀察使用者的行為模式,如果偵測到類似農場四處分享貼文的狀況,也就是有過度使用 Line 時,就可能會封鎖縮圖。



二、能否選擇 Line 顯示的縮圖?


1. 自訂 Line 縮圖的重要性

對於眾家小編來說,分享時顯示的縮圖是非常重要的,關係著能否吸引目光注意、以及點擊率。

能正確設定 FB Meta 資訊的話,可以控制分享文章時出現指定的縮圖。但如果缺乏相關知識時,且現在 FB 與 Line 已經拖勾後,有沒有簡單的方法,可以快速設定每篇文章的縮圖呢?


2. 第三方服務 PicSee

有的,可使用這個這個服務:


使用教學可參考「PicSee 專為社群分享設計的縮網址」,任何網址輸入後:

  • 這個服務會產生一個縮網址
  • 並撈出該網頁的所有圖片讓你選擇
  • 還可調整縮圖要顯示的區域範圍
  • 也有線上簡易特效、編修圖片功能
  • 圖片都不滿意的話,還能自己上傳

所以使用 PicSee 後,分享這個縮網址到 Line,絕對可以產生滿意的縮圖。


3. 影片也可自訂縮圖

不只是文章網址,影片的預覽畫面在分享時也非常重要,同樣可以用 PicSee 來製作影片的預覽縮圖。



三、FB 分享到 Line 的相關問題整理


在 FB 看到不錯的貼文、影片,要怎麼分享到 Line 呢?

1. 網頁版貼文網址

fb-share-to-line-1-分享到 Line 會遇到的問題整理?縮圖+影片+網址

如上圖,對著 FB 貼文日期按右鍵 → 複製連結網址,就可貼到 Line 了。


2. 網頁版影片網址

fb-share-to-line-2-分享到 Line 會遇到的問題整理?縮圖+影片+網址

  • 取得 FB 影片網址之前,請勿必先確認是否為「公開」影片。
  • 接著如上圖,對著影片按右鍵 → 顯示影片網址,就能複製網址了。


3. 手機版分享方式

fb-share-to-line-3-分享到 Line 會遇到的問題整理?縮圖+影片+網址

手機較難從頁面上取得 FB 貼文、影片網址,不過可以先進入該則貼文或影片,以 Chrome 為例,按右上角紅框的選單按鈕──


fb-share-to-line-4-分享到 Line 會遇到的問題整理?縮圖+影片+網址

就能看到「分享」選項,接下來跟著畫面剩餘的步驟,選擇分享到 Line 指定的聊天室即可。



四、手機為何無法顯示縮圖?


有時會發現分享到手機的網址,看不到縮圖顯示。除了前面提到過度使用時,可能會被 Line 分享,但如果網頁版可以顯示,而手機版不能顯示,那就是手機版的問題了。

有可能是手機版沒有自動更新,使用了較舊的 Line 版本,可以試著更新到最新版本,應該就能顯示縮圖了。



五、分享的網址太長、有亂碼能否解決?


有時分享到 Line 的網址太長,造成視覺效果不太好,例如痞客邦網址常常有中文字元:

fb-share-to-line-5-分享到 Line 會遇到的問題整理?縮圖+影片+網址

上圖紅框的網址,分享到 Line 後,會轉換成一堆亂碼:

fb-share-to-line-6-分享到 Line 會遇到的問題整理?縮圖+影片+網址

  • 光是這個連結就佔據了超過 1/2 個手機螢幕,觀感不太好。
  • 此時可利用縮網址服務,例如「Google 縮網址」。
  • 也可使用前面介紹的 PicSee,除了縮網址還能自訂縮圖。



六、能否分享 IP 位址?


這篇「Line 分享按鈕﹍網頁版及行動裝置都相容的語法」→ 留言 #3 ~ #5 有讀者表示,分享到 Line 的網址如果是 IP,會無法顯示縮圖。

經實測後的確是如此,且多家縮網址服務,也都撈不到 IP 網址的內容,看來這件事有技術上的難處,因此不建議分享 IP 數字為主的網址。



七、文章的縮圖換了,但 Line 還是舊圖怎麼辦?


分享到 FB 的文章,若是換了文章封面圖,官方有提供「清除快取的偵錯工具」,只要強制 FB 重新抓取網頁資料即可。

但 Line 並沒有這樣的工具,若是某個網頁曾被 Line 快取了,又想要更改縮圖時怎麼辦呢?

此時又要搬出 PicSee 這個萬用工具了,把舊網址再餵一次 PicSee,重新選擇縮圖,就可解決這個問題了。



八、貼到 Line 的超連結,能設定呼叫預設瀏覽器APP來開啟嗎?


Line 某次改版後,只要用手機點擊連結,一律會在 Line 內部開啟,不會另外呼叫手機瀏覽器。這會帶來很大的困擾,因為 Line 內建瀏覽器的效果可能很差,例如:

  • 網站版面可能大亂
  • 用 JS 執行的重要功能可能無法運作
  • 某些按鈕可能沒反應

要解決這個狀況,詳細處理方法請參考這篇「手機分享到 Line 的連結,如何強制用預設(外部)瀏覽器開啟?」。


更多 Line 相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP