首页 > 優雅筆寄部落格 > 部落格語法 > [Blog語法]Blog崁入粉絲團按讚功能(上)
2016
04-29

[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 pxheight: 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>  

▼如何取得某篇貼文的「時間網址」?
在貼文的"時間"按下右鍵並複製連結網址,或是把"時間"點下去會連到下一個頁面後再複製瀏覽器上面的網址亦可。
[Blog語法]Blog崁入粉絲團按讚功能(上) - 第1张  | 優雅筆寄

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

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

 

 

如果您喜歡這篇文章,請幫我們按個讚
 

 
最後编辑:
作者:今晚有風
盡量培養優雅的心境,事事優雅,事事無礙,就讓優雅成為人生的寫照唄!

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

  1. Pingback: [Blog語法]Blog崁入粉絲團按讚功能(下) | 微微足道‧無痛玩賺

我有話說