Facebook 粉絲 頁 新 增 頁 籤 的 方法

常見各大企業的FB粉絲團,左邊總是有很特殊的頁籤,按下去都會顯示聯外的網站,很多公司的行銷媒體都喜歡用這功能來做活動,而他們找了老半天總是找不到這東西該從哪邊新增,如果公司有MIS或是IT可能還好解決,但沒有的話呢?? QAQ

所以來做一篇step by step的教學給各位需要的朋友,先準備以下東西:

  • 粉絲團 — 1個
  • 粉絲團完整權限 — 1匹
  • facebook開發者帳號 — 1條
  • 你要放到頁籤內的網站 — 1個 (*註)

*註 : 需要是https的網站,且符合FB規章,建議是自己做的網站,目前測試過很多像是FB或是google表單等等的網頁都不能放在頁籤內。

*開發者帳號怎麼申請請上網搜尋,這邊不多做講解

OK來吧!

Step1

Facebook 粉絲 頁 新 增 頁 籤 的 方法

請先到https://developers.facebook.com/?advanced_app_create=true裡面新增一個新的FB 應用程式
顯示名稱請打你希望這應用程式的名稱 例如: fanpage_tag (請習慣用英文謝謝)
聯絡電子郵件…就是電子郵件。
類別選完後就可以下一步

Step2

Facebook 粉絲 頁 新 增 頁 籤 的 方法

這時進到主控台,我們點選左邊的”設定” => “基本資料”

Step3

Facebook 粉絲 頁 新 增 頁 籤 的 方法

點選下方的”+新增平台”

Step4

Facebook 粉絲 頁 新 增 頁 籤 的 方法

點選”粉絲專頁頁籤”

Step5

Facebook 粉絲 頁 新 增 頁 籤 的 方法

好我們一步一步填資料

  • 安全粉絲專頁頁籤網址 –> 這邊請填你希望粉絲專業的新增頁籤點下去後顯示得主網站網址,注意網站必須要有HTTPS!
  • 粉絲專頁頁籤名稱 –> 你希望的頁籤怎麼顯示 例如: 這就是他X的新頁籤!!!!!!!
  • 粉絲專頁頁籤編輯網址 –> 這我也搞不懂,好像是填你該頁面的後台之類的? 我是直接把安全粉絲專頁頁籤網址那個網址直接複製過來

OK之後直接儲存

Step6

Facebook 粉絲 頁 新 增 頁 籤 的 方法

把你的頁面往上拉,你可以看到這串APP ID,把它記下來,因為我們會用到它

因為需要安裝頁籤到粉絲專業上,所以需要做一個網址來讓它安裝,聽不懂沒關係照著做

https://www.facebook.com/dialog/pagetab?app_id=剛剛要你記下來的那串東西&redirect_uri=你剛剛打的安全粉絲專頁頁籤網址

麻煩要你改的東西自己改吼,改好你就直接到瀏覽器去開啟這網址,就會顯示:

Facebook 粉絲 頁 新 增 頁 籤 的 方法

選擇你的粉絲專業,接著按下去!

Step7

Facebook 粉絲 頁 新 增 頁 籤 的 方法

你就可以看到頁籤啦,就這樣。

其實facebook也有提供安裝教學,不過都是英文有點複雜就是
https://developers.facebook.com/docs/pages/tabs


2017/02/21更新

沒想到這篇居然是我網誌搜尋度最高的一篇文章…

滿多人在執行中發現問題的,我這邊簡單回答一下。

Q : 為什麼我的頁籤自己看的到,別人卻看不到?

這我必須致歉,因為我少講了一個步驟(´゚ω゚`)

Facebook 粉絲 頁 新 增 頁 籤 的 方法

先到剛剛控制台那邊,找到【應用程式審查】的頁面

Facebook 粉絲 頁 新 增 頁 籤 的 方法

接著把 【是否發布OOXX 】的那個按鈕打開,就可以了!

Q : 為什麼我弄好頁籤,但顯示的卻是空白?

ㄟ…其實我也不知道耶..(被揍

但我前陣子幫網友測試,確實有這問題,他是想把google表單放到頁籤中,但很奇怪的是,他就是會顯示空白

這部分可能還要再研究一下,我覺得最好的方法就是換一套表單拉

jotform是我測試OK的表單系統,如果你也有同樣問題不訪試試看,又或者說你有解決方法,懇請希望你留言告訴我怎麼解~ 拜託QAQ


趴克肉,不是那個賣雞排或是賣珍奶的帕克,是一塊懶散的肉型人,也是個資訊人,擅長找問題但懶得解決問題(欸!?

Published

2016-10-19

  • Related Content by Tag
  • Facebook
  • 頁籤

發表時間: 2010-11-21

現在,利用Facebook行銷正夯,儘管有些人的粉絲專頁被砍了,不過大家還是不會放棄這塊大餅。利用粉絲專頁來行銷,可以大幅降低成本,而且現成的人流就在那邊可以讓你利用,何樂而不為呢?不過利用現成的粉絲專頁去做網路行銷,總是要有些不一樣吧?預設的粉絲專頁就只有塗鴉牆和資料,頂多啟用預設的討論區模組而已,似乎有些單調?

沒關係,透過「固定的FBML」這個應用程式,可以在粉絲專頁上新增其他的頁面,那個頁面中支援HTML和FBML語法,你可以把你想要推廣的東西放到那個頁面進行介紹、或是在那邊促銷產品、宣傳活動等等,是個不錯的利用喔!如果會FBML,也可以讓他變得更互動些!

有時候在加入別人粉絲團時,常常會看到為什麼別人的粉絲團中會有這麼多的新增頁面,可是在自己的粉絲團後台永遠找不到新增的地方,感覺很無奈。事實上這個自訂頁面正確來說應該就做頁籤,這些新增的頁籤是透過一個叫做「固定的FBML」應用程式,你的粉絲專頁必須安裝這個應用程式,才可以新增自訂頁面。

所以說,想要在粉絲專頁上新增一個頁面(頁籤),首先您必須要有一個粉絲專頁,如果你還沒有建立粉絲專頁,就參考這篇文章,自己建立一個吧!文章內容可能有些老舊,不過操作上大致上是差不多的,大家自己類推一下就知道囉!接下來就讓我們開始在自己的Facebook粉絲專頁加入這個「固定的FBML」應用程式吧

  • 應用程式名稱:固定的FBML
  • 應用程式專頁:按這裡 (如無法使用,請改用My Tab)
  • 香腸炒魷魚的粉絲專頁:按這裡

第1步 首先請來到應用程式專頁,點擊左上角的「加到我的粉絲專頁」,然後選擇一下你的粉絲專頁並點擊﹝加到粉絲專頁﹞。

Facebook 粉絲 頁 新 增 頁 籤 的 方法

第2步 接著回到你的粉絲專頁,點擊左上角的「編輯粉絲專頁」。

Facebook 粉絲 頁 新 增 頁 籤 的 方法

第3步 點擊左方的「應用程式集」,然後找到裡面的「FBML-FBML」,點擊下方的「編輯設定」,這時會跳出浮動框,請點擊「新增」。如果你出現的浮動框內是顯示「移除」,那表示已經新增成功,可以略過本步驟。

Facebook 粉絲 頁 新 增 頁 籤 的 方法

第4步 回到粉絲專頁後台,點擊「應用程式擊」,找到裡面的「FBML-FBML」那部分,點擊「前往應用程式」。

Facebook 粉絲 頁 新 增 頁 籤 的 方法

第5步 進入後可以針對頁籤設定標題、在FBML部分可以輸入一般的HTML語法或是FBML語法,輸入好後點擊﹝儲存﹞。

Facebook 粉絲 頁 新 增 頁 籤 的 方法

第6步 回到粉絲專頁首頁,就會看到,切換進去就可以看到成果囉!

範例頁面:按這裡

看完後,別忘記加入粉絲喔XDDD

Facebook 粉絲 頁 新 增 頁 籤 的 方法

第7步 如果每有出現,可能是你的頁籤太多了,被自動隱藏之類的,可以點一下後面的加號或是箭頭展開其他頁籤,把你剛剛建立的頁籤往上拖曳就可以了。

Facebook 粉絲 頁 新 增 頁 籤 的 方法

新增新的FBML自訂頁籤框

如果是建立第二個以上的FBML頁籤框,新增方式略有不同。首先先來到粉絲專頁後台,接著點擊左方的「應用程式集」,然後隨便找一個標題有FBML的應用程式,點擊「前往應用程式」。

Facebook 粉絲 頁 新 增 頁 籤 的 方法

進入後,請找到網頁下方,你會看到有個「新增一個FBML框」,點一下,新增成功的話下方會出現「您已經成功新增一個FBML框,請點擊編輯頁設定這個頁籤」,然後請再次回到粉絲專頁後台。

Facebook 粉絲 頁 新 增 頁 籤 的 方法

回到粉絲管理專業後台,你就會看到「FBML_1」之類的字樣囉!點擊「前往應用程式」就可以修改頁籤的內容了,然後就會出現在粉絲專頁上面囉!如果要取消這個頁框,就在管理介面後中,這個FBML程式後面有個小小的「x」,點一下就可以移除囉!

Facebook 粉絲 頁 新 增 頁 籤 的 方法