[Blog語法]Blog崁入粉絲團按讚功能(上)

網頁、Blog崁入粉絲團按讚的功能，建議一定要做，為什麼呢？因為若您的文章或商品介紹讓網友閱讀後很喜歡，他們就會想要按讚加入您的粉絲團，只要網友們加入您的粉絲團後，以後網站或Blog有發表新文章或新商品時，再把新文章的網址貼至粉絲團中來分享，這樣粉絲團就有機會通知到這些粉絲回來再閱讀您網站上的新文章，這對創造再回流的流量很有幫助，所以強烈建議網頁、Blog崁入粉絲團按讚的功能一定要做。

(本篇適合wordpress blog用戶，如果您是google blog或痞客邦用戶，請直接跳往這裡閱讀)

想要崁入粉絲團按讚的語法非常簡單， 

請把以下程式碼，貼到網頁或blog任何想顯示的位置：

<iframe allowtransparency="true" frame scrolling="no" src="//www.facebook.com/v2.5/plugins/page.php?href=https://www.facebook.com/0800happycom&amp;width=300&amp;show_facepile=true&amp;small_header=false&amp;hide_cover=false&amp;show_posts=true&amp;locale=zh_TW" style="border:none; overflow:hidden;width: 350 px; height: 100 %;"></iframe>

修改一下參數，一定要改的就是您的「粉絲團網址」，剩下的就按照下方參數對照來修改或用預設值:

• 粉絲團網址：href後面的網址參數請改為自己的粉絲團網址
• 是否顯示有哪些好友已按過讚：show_facepile → true:顯示，false:不顯示。
• 是否使用較小的標頭區塊：small_header →true :小尺寸標頭， false:大標頭。
• 是否使用封面圖：hide_cover →true:隱藏封面圖，false:不隱藏封面圖:。
• 是否顯示粉絲頁貼文：show_posts → true :顯示貼文，false:不顯示貼文 。
• 語系：zh_TW 代表繁體中文語系。
• 小工具寬度：Width →自訂寬度，可100% (或最少 180 px, 最多 500 px )
• 小工具高度：Height →自訂高度 ，可100%(最少 70 px)

▼預覽後效果:

▼預覽後效果(有秀動態文章):

(PS:您亦可以Facebokk提供的語法產生頁面來取得語法，點此)

如果您是使用Google Blog(即blogger)，上面的語法會失效，請使用這一段:

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F0800happycom&amp;width=400&amp;height=590&amp;show_faces=true&amp;colorscheme=light&amp;stream=true&amp;border_color&amp;header=true" style="border: none; height: 590px; overflow: hidden; width: 400px;"></iframe>

您只要把粉絲團網址後面的那串代號複製下來取代上面那個藍字『0800happycom』即可，其它的參數修改就參考更上面的參數改好即可。

▼預覽後效果(有秀動態文章):

至於為何在Google Blog(即blogger)，最上面教的語法會失效呢？因為在google會把語法中的一些字眼自動蓋掉了，所以必須用一些程式中用的字元來取代它，這樣才能恢復正常，怎麼取代不用管，身為部落客只要會用就好了，上面的複製去改就好啦!

PS:
在Google Blog(即blogger)對這段語法的width或height的修改，不要用百分比%來設，直接設象素px即可，不然語法又會出問題，因為「%」在google blog中也會被蓋掉造成語法不正常，就無法正常顯示粉絲團了。

另一篇亦請參考《[Blog語法]Blog崁入粉絲團按讚功能(下)》

2016/5/5補充:

若想把粉絲團上的單篇貼文崁入到blog中，直接複製下列語法去用即可，記得把下列藍字改成你粉絲團某篇貼文的「時間網址」即可:

<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/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <fb:post href="https://www.facebook.com/0800happycom/posts/1571798369784254"></fb:post>  

▼如何取得某篇貼文的「時間網址」?
在貼文的"時間"按下右鍵並複製連結網址，或是把"時間"點下去會連到下一個頁面後再複製瀏覽器上面的網址亦可。

ps:Facebook 張貼的貼文要設定為公開才可以看到喔!

▼粉絲團單篇貼文崁入，如下圖