iCanon 愛佳攝影俱樂部

 找回密碼
 立即註冊

Login

免註冊即享有會員功能

Login

免註冊即享有會員功能

Login

免註冊即享有會員功能

搜索
自訂搜尋

最近看过此主题的会员

查看: 771|回復: 16
收起左側

iCanon to FaceBook 分享(技術)教學帖

[複製鏈接]
回帖獎勵 15000 MP魔力 回復本帖可獲得 1000 MP魔力獎勵! 每人限 1 次
  • TA的每日心情

    2017-9-3 00:48
  • 簽到天數: 62 天

    [LV.6]常住居民II

    發表於 2015-4-14 09:25:51 | 顯示全部樓層 |閱讀模式

    註冊登錄後可看完整圖文 (支援到 1600 x 1200)

    您需要 登錄 才可以下載或查看,沒有帳號?立即註冊

    x
    由於本站從租用美國主機空間,移轉到獨立主機後,站內的檔案和空間,已經不是問題了,
    目前其實 iCanon 不含資料庫的部分的檔案空間大小才大約 6 GB 左右,新主機內有  TB 級磁碟矩陣,
    多放一些會員的照片也不會有什麼壓力的,因此這一帖主要是提供給把作品,以存放在  iCanon 為主,
    然後分享到 FaceBook 的方法, 這個方法不限於照片直接上傳到 iCanon 或照片放在其他圖床 (eg. Flickr) 的主題帖。

    首先,這是一篇定位比較偏技術的帖子,建議若看不懂的技術的部分,可以先跳過步驟一和二,直接到步驟三和步驟四去試試看,遇到問題再回來疑難排解一下。

    1. 一個文章要分享到 FaceBook,且 FaceBook 能正確抓圖的前提是?

    網站必須支援 Open Graph 協定 (官網點此),
    說的比較淺顯就是,網頁 (HTML) 裡面要隱藏有這個協定規範的 MetaData,
    讓 FaceBook 可以很輕易地了解要分享的網頁內容,包含了解此網頁裡面的圖片清單,
    您可能會很納悶 網頁 (HTML) 裡面的圖片相關標籤,不是都有嗎?
    因為一個網頁裡面,可能有很多圖片,例如網站的  Logo 之類的圖片,但不是您要分享的
    FaceBook 有可能會抓錯,因此透過這個機制,FaceBook 可以輕易地做出分享到 FaceBook 時,讓您選擇的圖片清單。

    但很不幸的,本站使用的 Discuz! 論壇系統,本身並沒有支援 Open Graph,站長只好裝了一個插件,
    但這個插件有點遜,遇上外連圖片網址是 https:// 開頭的話,就會做出錯誤的 Open Graph 標籤,
    讓 FaceBook 認不出來,當分享時,會發現沒有圖片可以選了。

    https:// 的問題,站長剛剛自己偷改那個插件,殺死那隻蟲了
    以後不用理會圖片來源網址是 http:// 還是 https:// 開頭了!

    講得更清楚,若文章分享到 FaceBook,要看到圖片可以挑,就是必須讓 Open Graph 標籤正常運作,
    對會員來說,若分享自己的 iCanon 文章到 Facebook,文章內的圖片,若是外連圖片,必須自己用文字編輯器把 https:// 全部置換成 http://

    2. 要如果檢查文章對 FaceBook 是否正常? 或分享到 FaceBook 一直不如人願,想要選圖,一直不能選,改好了也沒變化,要如何排除呢?

    您可以到 FaceBook 提供的偵錯網頁 https://developers.facebook.com/tools/debug/

    螢幕快照 2015-04-14 上午8.57.44.png

    填上您要分享的文章網址 點擊 [debug]


    螢幕快照 2015-04-14 上午9.00.20.png

    第一次可能出現這個狀況,點擊 [Fetch new scrape information]

    螢幕快照 2015-04-14 上午9.05.49.png

    螢幕快照 2015-04-14 上午9.05.57.png

    螢幕快照 2015-04-14 上午9.07.26.png

    og:image 列若有圖片出現,那表示正常了

    When shared, this is what will be included 下方就是分享時的模擬畫面

    3. FaceBook 分享的方法之一:
    3.1 直接在 iCanon 文章上方標題附近,點選 FaceBook [分享] 按鈕

    Safari @ Mac OSX :

    螢幕快照 2015-04-14 上午9.10.04.png

    FireFox @ Windows
    螢幕快照 2015-04-14 下午9.05.25.png






    3.2 或文章下方的 FaceBook [分享]  按鈕

    IE @ Windows:

    螢幕快照 2015-04-14 下午8.49.09.png


    Chrome @ Windows / Mac OS X:


    螢幕快照 2015-04-14 下午8.55.31.png


    註:Safari 和 FireFox 在文章下方也有 FaceBook [分享] 按鈕



    出現分享對話盒後,可以打入留言

    螢幕快照 2015-04-14 上午9.13.32.png

    或選擇分享到社團

    螢幕快照 2015-04-14 上午9.13.50.png


    4. FaceBook 分享的方法之二:複製文章連結到 FaceBook 的留言區(塗鴉牆或社團都可以)

    螢幕快照 2015-04-14 上午9.19.51.png

    這個方法壞處是比較麻煩,但明顯的好處是,你可以用圖片上的左右見,去選擇圖片

    螢幕快照 2015-04-14 上午9.22.42.png


    5. FaceBook 分享,常有第一次沒找到快取,就說抓不到圖的情況,其實重複做一次就對了

    用  debug 網頁去偵錯一個沒被分享錯的網址,也常常這樣,

    反正要是確定文章沒問題,那就是多用幾次用好了,Facebook 分享功能本身不是很穩定!




    有問題歡迎提出來喔!

    多多分享  iCanon 好文章到  FaceBook, 幫忙推廣 iCanon 給更多朋友吧!



    螢幕快照 2015-04-14 下午8.45.10.png

    評分

    參與人數 5毒性 +2300 魔力 +2500 收起 理由
    jypeng + 600 + 600
    MaxPauline + 400 + 400
    [email protected] + 300 + 300
    ysrl + 200 + 400
    curtis + 800 + 800

    查看全部評分

    [發帖際遇]: binglien 終日蕭規曹隨,喪失了 2 滴 毒性. 幸運榜 / 衰神榜
  • TA的每日心情
    開心
    昨天 12:22
  • 簽到天數: 1000 天

    [LV.10]以壇為家III

    發表於 2015-4-14 11:44:56 | 顯示全部樓層

    回帖獎勵 +1000 MP魔力

    本帖最後由 jypeng 於 2015-4-14 11:52 編輯


    我來試試!
    在_"樂在其中 _ jyp."的貼子裡,
    找不到分享按鈕?
    失敗!

    點評

    IE , Chrome 只有文章下方才有, 已更新教學文  詳情 回復 發表於 2015-4-14 21:11
  • TA的每日心情
    開心
    2017-10-29 00:27
  • 簽到天數: 593 天

    [LV.9]以壇為家II

    發表於 2015-4-14 14:53:37 | 顯示全部樓層

    回帖獎勵 +1000 MP魔力

    [發帖際遇]: curtis 運用了精彩紀實攝影手法,增加了作品的 2 MP 魔力. 幸運榜 / 衰神榜
    回復

    使用道具 舉報

  • TA的每日心情
    開心
    昨天 07:15
  • 簽到天數: 1044 天

    [LV.10]以壇為家III

    發表於 2015-4-14 16:15:44 | 顯示全部樓層

    回帖獎勵 +1000 MP魔力

    有看沒有懂,等週六日再來試試…
  • TA的每日心情
    開心
    昨天 05:41
  • 簽到天數: 1040 天

    [LV.10]以壇為家III

    發表於 2015-4-14 20:22:41 | 顯示全部樓層

    回帖獎勵 +1000 MP魔力

    找不到分享按鈕,
    可是可以用「分享到你自己的動態時報」分享到Facebook。


                                   
    登錄/註冊後可看大圖


    點評

    IE , Chrome 只有文章下方才有,已更新教學文  詳情 回復 發表於 2015-4-14 21:11
    [發帖際遇]: reayhersu 勤於開箱,加深了自己的 152 滴 毒性. 幸運榜 / 衰神榜
  • TA的每日心情

    2017-9-3 00:48
  • 簽到天數: 62 天

    [LV.6]常住居民II

     樓主| 發表於 2015-4-14 21:11:04 | 顯示全部樓層
    jypeng 發表於 2015-4-14 11:44
    我來試試!
    在_"樂在其中 _ jyp."的貼子裡,
    找不到分享按鈕?

    IE , Chrome 只有文章下方才有,

    已更新教學文
    [發帖際遇]: binglien 有了一個靈感隨手後製,增加了作品的 517 MP 魔力. 幸運榜 / 衰神榜
  • TA的每日心情

    2017-9-3 00:48
  • 簽到天數: 62 天

    [LV.6]常住居民II

     樓主| 發表於 2015-4-14 21:11:51 | 顯示全部樓層
    reayhersu 發表於 2015-4-14 20:22
    找不到分享按鈕,
    可是可以用「分享到你自己的動態時報」分享到Facebook。

    IE , Chrome 只有文章下方才有,已更新教學文

    點評

    找到了, 謝謝!  詳情 回復 發表於 2015-4-14 21:44
  • TA的每日心情
    開心
    昨天 05:41
  • 簽到天數: 1040 天

    [LV.10]以壇為家III

    發表於 2015-4-14 21:44:10 | 顯示全部樓層
    binglien 發表於 2015-4-14 21:11
    IE , Chrome 只有文章下方才有,已更新教學文

    找到了,
    謝謝!


                                   
    登錄/註冊後可看大圖

    [發帖際遇]: reayhersu 憑藉技巧、意願、想像力,增加了隱含美學的 5 MP 魔力. 幸運榜 / 衰神榜
  • TA的每日心情
    開心
    昨天 07:55
  • 簽到天數: 733 天

    [LV.9]以壇為家II

    發表於 2015-4-15 13:07:41 | 顯示全部樓層

    回帖獎勵 +1000 MP魔力

    讚)))))))))))))))))))))))))))))
    [發帖際遇]: MaxPauline 發帖時在路邊惡魔果實, 偷偷吃了增加 928 MP 魔力. 幸運榜 / 衰神榜
  • TA的每日心情
    開心
    昨天 12:22
  • 簽到天數: 1000 天

    [LV.10]以壇為家III

    發表於 2015-7-1 15:23:16 | 顯示全部樓層
    3-2 的功能操作很簡單,點一下就分享BF成功轉載!
    如今,我都不在BF貼圖,只在 iCnon 貼圖分享到BF轉載,讓我的朋友有機會到 iCnon 來參觀!
    好棒!

    點評

    a 鍵壞掉了 該會鍵盤啦!  詳情 回復 發表於 2015-7-1 21:45
    [發帖際遇]: jypeng 憑藉技巧、意願、想像力,增加了隱含美學的 2 MP 魔力. 幸運榜 / 衰神榜
  • TA的每日心情

    2017-9-3 00:48
  • 簽到天數: 62 天

    [LV.6]常住居民II

     樓主| 發表於 2015-7-1 21:45:07 | 顯示全部樓層
    jypeng 發表於 2015-7-1 15:23
    3-2 的功能操作很簡單,點一下就分享BF成功轉載!
    如今,我都不在BF貼圖,只在 iCnon 貼圖分享到BF轉載,讓 ...

    a 鍵壞掉了  該換鍵盤啦!

    點評

    您打的 iCnon 少 a  發表於 2015-7-2 09:41
    aaaaa a建很正常啊!沒壞呀!???  發表於 2015-7-2 08:56

    評分

    參與人數 1毒性 +500 收起 理由
    jypeng + 500

    查看全部評分

    您需要登錄後才可以回帖 登錄 | 立即註冊

    本版積分規則

    QQ|iCanon FaceBook|Archiver|手機版|甯甯拔拔的影誌|iCanon Club, The Canon Fans' Home  

    GMT+8, 2017-11-20 03:50 , Processed in 0.566702 second(s), 26 queries , Apc On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回復 返回頂部 返回列表