wordpress外掛介紹─輕鬆設定Facebook Open Graph(下)

017 月

wordpress外掛介紹─輕鬆設定Facebook Open Graph(下)

Me Likey – A Facebook Open Graph Plugin

外掛網址:http://wordpress.org/extend/plugins/me-likey-a-facebook-open-graph-plugin/

步驟1:安裝外掛、啟用

步驟2:前往『設定>Me Likey Options』填寫相關open graph data,請參與下方對照說明。

  1. Admins:填寫Facebook Admins的編號
  2. Site Name: 網站名稱
  3. Default Image URL:預設圖片網址,建議尺寸50×50
  4. Type Of Site: 網站的型式,有website以及blog可供選擇
  5. Layout Style:以下的設定是關於facebook like 按鈕的相關設定
  6. Display Position:若網站先前已有安裝facebook like相關外掛,可在Display Position選擇manual(手動),此外掛的facebook like 按鈕就不會出現啦!

測試時請注意Facebook 本身會快取,所以同一個網址分站出去的內容,會以第一次被分享的為準。 所以可能會發生已經完成外掛設定,但是分享到Facebook還是沒呈現設定的內容。

 

Facebook Opengraph Meta Plugin (可以設定單篇文章的 Opengraph Meta)

外掛網址:http://wordpress.org/extend/plugins/facebook-opengraph-meta-plugin/

步驟1:安裝外掛、啟用

提醒:啟用時有可能會顯示下列警示訊息,意思建議您測試關閉 facebook like button相關外掛,但以本站來說,即使有使用Faecbook相關外掛,測試即使不關閉也沒有產生什麼問題。點選『click here to hide this notice』可隱藏此訊息。

輕鬆設定Facebook Open Graph

步驟2:前往『外掛>Opengraph Meta』填寫相關open graph data,請參與下方對照說明。

  1. Application ID:填寫Facebook App ID的編號
  2. FB Like Button Settings: 是否在網站裡顯示 facebook like button以及相關設定
  3. Upload Open Graph Data from CSV File:可以下載或上傳各文章的Open Graph資料
  4. All Open Graph Meta Data:會顯示目前有設定Open Graph的文章,也可從此處新增Open Graph資料,在Open graph Meta的欄位,點選『Mange』進行編輯

步驟3:由於此外掛是可以依據單篇文章,設定不同的Open graph Meta,所以需前往文章編輯頁面。

  1. 在Open graph Meta的欄位,點選『Mange』進行編輯
  2. 點選 Add New,可增加欄位,編號1
  3. 選擇下拉選單與填寫內容,編號2
  4. 確認後點選『Save』儲存,然後就會看到{"code":"success"….的訊息,代表成功儲存,按叉關閉 lightbox,編號3。

輕鬆設定Facebook Open Graph

輕鬆設定Facebook Open Graph

測試時請注意Facebook 本身會快取,所以同一個網址分站出去的內容,會以第一次被分享的為準。 所以可能會發生已經完成外掛設定,但是分享到Facebook還是沒呈現設定的內容。

Posted by admin  Posted on 01 7 月 
  • Facebook, Open Graph, wordpress, 外掛, 讚
  • Post Comments 0

    Drop us a line

    發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

    這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料