2014年1月16日

為何 Blogger 留言頭像無法正常顯示?

為何 Blogger 留言頭像無法正常顯示?

Wayne Fu 0 A+

(Pic from: freepik.com)
其實 Blogger 留言頭像無法顯示的比例並不高,不過偶然發生時還挺麻煩的,不容易很快找出原因來。

前陣子讀者留言時,頭像發生不尋常的狀況,因此藉這個機會整理一下留言頭像異常的原因,從 WFU BLOG 現有的留言找出一些案例來嘗試進行分析。以下按例先說明原理,想直接看結果請跳至「三、Google+ 沒有設頭像」。



一、找出後台留言 feed 資料


整個原理大致是這樣,從留言看到異常頭像後,記下留言者暱稱,從網站的留言 feed 網址可列出留言資料:

http://你的網址/feeds/comments/summary

不過測試的結果,就算設定再大的顯示數量(例如 999),最多只能顯示最近 500 筆資料

http://你的網址/feeds/comments/summary?max-results=999

因此想要查閱更久遠的資料,必須加上起始留言編號參數,例如:

http://你的網址/feeds/comments/summary?max-results=999&start-index=501

這樣就會從第 501 筆開始顯示。接著搜尋留言者暱稱就能快速找到資料,進而找到留言者頭像網址,這部分請直接參閱「Blogger 最新回應+留言者各種身份頭像」→「一、從 Json 資料找留言者頭像」→「2. 留言者頭像網址」

從 feed 裡面的留言頭像網址,與在文章留言的頭像網址相互比對,通常就能找出為何顯示異常的原因了。以下列出從 WFU BLOG 看到的各種異常狀況。

另外,對 feed 參數有興趣的話,可參考「Blogger 知識(筆記)」→「Blogger 結構」→「Blogger 資料來源用法與整理」



二、Blogger 頭像處理方式的異動


1. PICASA 的圖片參數

首先請參考「Blogger 熱門文章+任意尺寸縮圖」→「一、PICASA 圖片規則」,在 PICASA 圖床的圖片都可使用網址參數來變更實際圖片大小。


2. Blogger 留言頭像的尺寸

過去的 Blogger 留言頭像總是使用圖片原尺寸,這導致留言區塊的圖片載入速度耗時。

近期 Blogger 做了改變(不確定改了多久),有更新過 Blogger 簡介的使用者,無論使用上傳或是連結 PICASA 圖片,一律會被 Blogger 利用第 1 點的原理,將圖片強制取為正方形後,再將尺寸縮小到 45 x 45 px,可以發現圖片網址參數成為 s45。

這麼做的好處是,以後留言區塊有近期變動過的留言頭像時,載入速度就能比較快了,不過舊的留言頭像實際尺寸因為沒變,這部分就沒比較快。

有一好沒有兩好,這也是造成部分留言頭像無法顯示的主因,請見本文案例便可知曉。



三、各種異常案例


1. Google+ 沒有設頭像



上圖出現了三角框內有驚嘆號,點進其簡介後發現,他把 Blogger 帳號轉換為 G+ 帳號,而 G+ 帳號並沒有設定頭像。因此推測轉換帳號後沒有設定頭像,就會出現這樣的圖案。


2. 簡介不存在



一樣是三角框內有驚嘆號,點進其簡介後發現──「簡介不存在」。

從以上兩則例子算是可以歸納出,系統讀不到簡介的頭像設定時,會出現這樣的驚嘆號圖示。


3. 使用預設空白頭像



以上圖為例,這位留言者的頭像是無名氏,點進其簡介後發現,簡介的頭像也是無名氏(不過是另一張無名氏的圖),因此推測使用系統預設空白頭像時,就會如此顯示。


4. 圖片已經移除



上圖出現了圓框內有禁止符號,進入留言 feed 查閱這張圖片的網址,發現的確無法讀取,因此推測這個圖片連結已經遭到移除,故無法顯示。


5. 圖片設定了隱私權限



一樣是圓框內有禁止符號,不過進入留言 feed 查閱這張圖片的網址後發現,其實這張留言頭像圖片是能讀取的──



http://2.bp.blogspot.com/_hHnLbTPS9CY/SYhxsnylFbI/AAAAAAAAArA/WO1eMRE2zME/S220/DSC02636.JPG


我們可發現到這張圖的網址參數有 "s220",代表原始尺寸 220px。試著把尺寸改成 Blogger 目前預設的 45px,也就是把參數改為 "s45" 看看──



http://2.bp.blogspot.com/_hHnLbTPS9CY/SYhxsnylFbI/AAAAAAAAArA/WO1eMRE2zME/S45/DSC02636.JPG


結果發現這張圖片不能讀取了,說明了這張圖片可能在 PICASA 相簿有設過隱私權限,例如 "僅限擁有連結的使用者",由於網址參數改了之後,PICASA 認定非原始連結,圖片就不給看了。

因此,這就是前面「二、Blogger 頭像處理方式的異動」所提的,有一好沒有兩好。Blogger 自動調整頭像尺寸大小,立意良善但可惜沒有解決 PICASA 隱私設定而造成的問題。

所以結論為,設定頭像圖片之前,請先注意一下該張圖片在 PICASA 的隱私權設定是否為公開,可參考官方網頁「相簿瀏覽權限」的說明。



四、離奇的異常頭像狀況


接下來這個案例其實也不必過於驚訝或害怕,因為發生機率個人估計不到萬分之一。這個狀況很奇特,不但受害者 Hyllus 自己的留言頭像無法顯示,而且 WFU 親自過去測試留言,也是無法顯示頭像──




這個狀況 WFU 真的沒輒,完全無法想像是什麼原因,只能推測是 Blogger 後台資料錯誤所造成的問題,認為應該寫意見回饋跟官方反應。

不過 Hyllus 提供了一條線索非常值得參考,他表示很久以前根據這篇文章「秀出你的大頭來‧Blooger新增留言者頭像圖片功能」,也許不小心在後台的選項「在評論上顯示簡介圖片」勾選了"否",所以一律不會顯示頭像。

但是那篇文章是 2009 的古早年代,現在 Blogger 的新範本早就沒有這個選項了,或許 Hyllus 在不知情的情況下將舊範本升級為新範本,而這也代表著──永遠沒有機會將頭像恢復顯示了,因為就算現在切換回舊範本,一樣找不著這個選項了

相信這個狀況最多發生在 "非常資深" 的 Blogger 使用者身上,若真的碰上了,趕緊跟官方回報吧!


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

2 則留言:

  1. 真的找到原因了,發現圖片連結中的http都被刪除....
    接下來要看問題出在哪了...謝謝提供資訊!!!!

    回覆刪除
  2. <4059444644740031807>(以上內容請勿刪除,從括號之後開始留言)我看你的頭像是正常的啊^^
    其實 http: 沒看到不算異常現象喔,現在的網址只要從雙斜線 // 開始打就行了~

    回覆刪除

張貼留言注意事項:

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

TOP