<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post/1059/ <![CDATA[Facebook OG image 設定]]> apao <apao@www.apao.idv.tw> Tue, 30 Dec 2014 04:06:39 +0000 https://blog.apao.idv.tw/post/1059/ 眾說紛紜
OGP imag圖檔的大小一直很難設定

點擊在新視窗中瀏覽此圖片

點擊在新視窗中瀏覽此圖片

點擊在新視窗中瀏覽此圖片

點擊在新視窗中瀏覽此圖片

似乎基本上有兩種以上的比例，可是一張圖要搞定所有尺寸一定會被切到...

比例上以以下尺寸最為普遍
600 x 315 px
600 x 600 px
1200 x630 px

只好參考國外的網站否有所解答。
201409開始不用正方形，但是似乎沒有改變...

參考網站：
http://snowadays.jp/2014/10/3199

點擊在新視窗中瀏覽此圖片

參考網站：
http://ogimage.tsmallfield.com/

點擊在新視窗中瀏覽此圖片

Tags - , , , , , ]]> https://blog.apao.idv.tw/post/1020/ <![CDATA[秀出 FaceBook 動態消息的縮圖]]> apao <apao@www.apao.idv.tw> Mon, 10 Mar 2014 08:55:12 +0000 https://blog.apao.idv.tw/post/1020/ 1.作出OG語法標籤
在html head裡面加註以下標籤
<link href="圖片連結網址" rel="image_src" type="image/jpeg">


2.使用Facebook有清除快取的Debug工具
https://developers.facebook.com/tools/debug

點擊在新視窗中瀏覽此圖片

3.回到Facebook確認。
如果出現以下圖片，就算是成功囉。

點擊在新視窗中瀏覽此圖片

其他 OGP標籤 ( Open Graph Protocol )標籤：
<meta property="og:site_name" content="Your Site 網站名稱">
<meta property="og:title" content="Your Site 網頁標題">
<meta property="og:description" content="Your Site 網站敘述">
<meta property="og:image" content="Your Site 縮圖連結 (image.jpg)">
<meta property="og:url" content="Your Site 網址>
<meta property="og:email" content="Your Site 信箱">
<meta property="og:phone_number" content="Your Site 電話">

除了縮圖之外，
og:title：網頁標題
og:name：網站名稱
也是 facebook中按讚同時「顯示」之重要的標籤
Tags - , , , , , ]]> https://blog.apao.idv.tw/post/905/ <![CDATA[Facebook Like Box]]> apao <apao@www.apao.idv.tw> Wed, 16 Jan 2013 08:20:53 +0000 https://blog.apao.idv.tw/post/905/ https://developers.facebook.com/docs/reference/plugins/like-box/

點擊在新視窗中瀏覽此圖片

按下你的需求，將程式碼放入你的網頁中就可以了。

點擊在新視窗中瀏覽此圖片
Tags - , , ]]> https://blog.apao.idv.tw/post/830/ <![CDATA[Facebook 設置 Like Box]]> apao <apao@www.apao.idv.tw> Thu, 20 Oct 2011 03:16:47 +0000 https://blog.apao.idv.tw/post/830/ 前提是你要建立以下資料：

粉絲專頁>編輯專頁>基本資料>短網址

點擊在新視窗中瀏覽此圖片


粉絲團設定成功，就會出現以下的畫面：

點擊在新視窗中瀏覽此圖片

進入粉絲專頁之後>按[2]。就會進入[Like Box]
http://developers.facebook.com/docs/reference/plugins/like-box/
Core Concepts › Social Plugins › Like Box

點擊在新視窗中瀏覽此圖片

然後把拿到的[Like Box 外掛元件程式碼]貼到自己的網頁中。
    
有以下各種版本，對應各種狀況。
  HTML5
  XFBML
  IFRAME

點擊在新視窗中瀏覽此圖片

如果出現有facebook的格子，這樣就成功了。



Tags - , , , ]]> https://blog.apao.idv.tw/post/761/ <![CDATA[如何在Facebook專頁內設置 FBML]]> apao <apao@www.apao.idv.tw> Tue, 26 Apr 2011 06:51:04 +0000 https://blog.apao.idv.tw/post/761/ 先在Facebook內搜尋到[Static FBML]增至[喜愛的專頁]  (WHY?)。

點擊在新視窗中瀏覽此圖片

2.檢查[FBML]是否增加有到應用程式中
進入專頁>於[個人網站]首頁上方按[編輯內容]>找到[應用程式]，檢視[FBML]是否被加入[應用程式]中。

3.增加程式內容
a.進入專頁>於[個人網站]首頁上方按[編輯內容]>找到[應用程式]>選取[FBML]>按[編輯設定]並新增FBML

4.增設html碼於FBML中
進入專頁>於[個人網站]首頁上方按[編輯內容]>找到[應用程式]>選取[FBML]>[前往應用程式]編輯html程式碼。
註：網路上有網頁介紹FBML可以增設FBML，但因Facebook常常變更格式，現階段無法增設第二個FBML。

以下為範例程式碼：
<div align="center">
<a href="http://www.fansgood.com/promotionlist.php?promotion_id=101" target="_blank"><img src="http://www.fansgood.com/images/facebook/20110426/facebook-AD.jpg" width="520" height="385" border="0" /></a>

點擊在新視窗中瀏覽此圖片
Tags - , , ]]>