網站上使用Facebook所提供的留言版 Facebook Comments Plugin功能,已經是很部落格網站常見到使用的,因為它簡單好應用所以受歡迎。

常在使用上會有碰到就是設定上的問題,這也是剛開始不理解Facebook Comments Plugin,所以往往需要摸索一段時間,才能將基本的設定給設定好。

這裡也是說明如何解決這些設定的問題,其實設定簡單但若有些步驟沒有做到,就可能使得管理與通知功能無法出現。

首先必須要有fb應用程式編號,申請網址:https://developers.facebook.com/apps/


申請應用程式編號部分就不多說,不在這次的文章重點內,只需跟著步驟下一步,下一步就可以完成,請再行google一下。

申請完成應用程式將編號複製下來,至[https://developers.facebook.com/docs/plugins/comments/](https://developers.facebook.com/docs/plugins/comments/ ) 取得程式碼:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.8&appId=你的appId";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="你的網址" data-numposts="5"></div>

將程式碼貼至上圖說明,你所要放置網站上的位置。

這樣若沒問題可從網頁上看到fb的留言版了。

開啟Facebook留言版通知與管理功能

這裡算是設定完成一半,但如何能夠使用管理功能與有人留言會自行在fb上通知。

首先在網頁上的 裡要設定meta fb:app_id,{YOUR_APP_ID}",就是你的應用程式id,這個標籤就決定了,是否會出現留言版通知與管理功能。

<meta property="fb:app_id" content="{YOUR_APP_ID}" />

再來若你的應用程式不是剛申請的,或是過了很久,請確認FB API版本,因為這可能也會導致無法使用FB留言版通知與管理功能。(更新方式我的做法是刪除這個應用程式重新申請過。記得上面貼上的留言版程式碼//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.8,version部分要使用你目前更新的版本如v2.1改v2.8 )

還需要注意的,若之前網站是分享過的網址,需要使用Sharing Debugger來做檢查,可參考這篇教學Facebook Debugger 檢查錯誤教學使用property meta標籤做分享

(我檢查碰到的問題,主要是之前沒有設定meta fb:app_id,所以不會出現管理者的選項按鈕,留言也不會出現在管理者頁面https://developers.facebook.com/tools/comments/,頁面上加入meta fb:app_id,在使用Facebook Debugger檢查後就可以了)

完成後會出現管者可看見顯示選項(審核工具)

若在沒有出現留言版通知與管理功能可能是在https://developers.facebook.com/tools/comments/

設定 > 版主 沒有加入版主(請加入管理者,也就是你自己,也可加入多個管理者)。

Add a comment

Facebook可自行抓取文章內資訊做分享訊息,或使用meta標記指定此頁面在分享時要呈現的資訊,如下範例:

以下範例顯示如何使用 og:type="article" 以及許多其他屬性來標示文章、動態消息或部落格貼文:

<meta property="og:url" content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type" content="article" />
<meta property="og:title" content="When Great Minds Don’t Think Alike" />
<meta property="og:description" content="How much does culture influence creative thinking?" />
<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Facebook在分享貼文時,都會把分享過的資料用存起來,所以在Facebook若要使用property meta標籤做分享時,需要配合使用Sharing Debugger做除錯,此功能可重新產生網頁上的最新的Facebook分享貼文結果,只要貼上要除錯的網址要按下Debug按鈕。

Add a comment

ColorPicker色盤套件是個讓在Sublime Text下寫CSS時,可以快速的開起選色盤選色的外掛,是個幫助您更有工作效率的好工具,但不知為什麼安裝ColorPicker後發生沒辦法使用的情況

這邊主要發生的原因在快捷鍵發生衝突convertToUTF8ColorPicker,使得按下相同的ctrl+shift+c,ColorPicker沒有反應,convertoUTF8的預設值GBK的快捷鍵也是ctrl+shift+c。

主要解決方法是修改了不常用convertToUTF8 GBK的快捷鍵,因為它可以直接使用選單選擇也可以。

Add a comment

此次Excel範例為一星期的班表,分別為A,B,C三個班別,使用了含數 =SUM(COUNTIF(開始欄位:結束欄位,"區分之文字")),計算出個別當週的班別C總數有多少。

實際展示如下:

=SUM(COUNTIF(A2:G2,"C"))

Add a comment

C# 使用 MySql.Data.dll 連結資料庫會有中文亂碼問題,主要是沒有連結字串內設定UTF-8。

只要將下列連結方式加入charset=utf8就可解決,C# 寫入mysql資料庫,就不會有亂碼如"????"的字符產生

將下行加入charset=utf8;

string myConnectionString = "server =192.168.xxx.xxx; Database=mydb;User Id=admin;Password=admin;charset=utf8;";

完整連結方式:

string myConnectionString = "server =192.168.xxx.xxx; Database=mydb;User Id=admin;Password=admin;charset=utf8;";
MySqlConnection DBConn = new MySqlConnection(myConnectionString);
DBConn.Open();
MySqlCommand cmd = new MySqlCommand("Insert into n5y91_hrsystem_schedule_test (xxx) values ('" + value +"')", DBConn);
try
{
    cmd.ExecuteNonQuery();
}
    catch (Exception ex)
{
    Console.WriteLine(ex.Message);
}
Add a comment