[Facebook教學] 簡易Facebook粉絲團嵌入網頁頁籤 -FB APP Static Iframe Tab教學(2012)

基本操作概念
將粉絲團加入「Static Iframe Tab」外掛,再做一些簡單操作,即可完成FB粉絲團嵌入外部網頁的設定。
 

目標
將google問卷嵌入fb粉絲團中,如下圖所示。


操作方法
事前準備工作:
1、為粉絲團管理者。
2、google線上表單已製作完成準備嵌入。
 

詳細步驟說明如下:

1.進入Static Iframe Tab:

請點選進入外掛網址:Static Iframe Tab,登入FB。
 

2.按下畫面中「Install Page Tab」

 

3. 選擇您的粉絲頁,按下「Add Page Tab」

1.按下拉式箭頭,選擇您要加入的粉絲團。
2.選好後,按下Add Page Tab。

 

4. 設定您的嵌入資料

1.在Page Source,可選擇您要嵌入的資料
URL:輸入網址後,會嵌入外部網頁。
Redirect:輸入網址後,點擊會從FB進到別的網頁。
Image:可選擇圖片做上傳。
HTML:可以直接貼上程式碼。

 

我們選擇URL(如步驟1),貼上google所提供的表單網址(如步驟2),並且設定網頁高度(height)(如步驟3)。


 

E. 設定完成,按下「Save Settings」

 

F. 按下右上角的「View Tab」,檢查一下是否設定成功

 

G.設定完成,如果要再做設定只要按下右上角的「Setting」即可修改您嵌入的資料設定。

 

教學到此結束,謝謝大家的收看,如果有疑問歡迎一起來留言討論喔!

Carol 林盈岑 Carol Lin
凱士數位科技有限公司
網頁設計師 (~2012.8)

 

 

Comments  

eva
0
#1 eva 2012-06-28 08:55
版主您好,
是否可以請教您,
  一、此方法標籤"Welcome"如何改別的名稱?
  二、想要嵌入很多個不同的網頁有什麼方法嗎?
  三、將嵌入進來的網站瀏覽,用IE瀏覽器(Firefox、Chrome不會)會出現安全性警告,需點選"否"才能瀏覽,點"是"會出現"無法顯示網頁",是否有方法可以解決此問題?
煩請指教。謝謝~
Quote
 
Carol
0
#2 Carol 2012-07-05 10:32
Dear eva:

您好,謝謝您的留言,
我才發現我忘了在網頁上放上static iframe tab的連結,已經補上去囉!

一、Welcome如何改別的名稱:

因為公司FB已改成動態時報的方式呈現,我用動態時報的解決方法跟你說喔!操作步驟如下:

1.在最上面,有個專頁按「讚」的按鈕,同一列有「相片」「說讚的粉絲」等等,右邊有個向下箭頭按下去(不一定會有),將所有資料都展開。

2.找到一個黃色的、有探照燈的那個圖示,滑鼠移過去,右邊會出現一支筆的圖,點它。

3.選擇「更改設定」,在自訂頁籤名稱,輸入你要的名稱,按儲存。

4.完成設定。


二、要嵌很多網頁:

我自己測試,用這個tab就可以嵌入多個網頁了!操作如下:

1、登入FB(管理員身份)
2、從步驟一再做一次
3、他中間會有一個很多Tab可以新增的頁面,點擊其中一個,就可以再次新增tab囉!


三、用IE瀏覽器:
想請問您是用IE幾?
我目前測試,IE7、8都沒問題,
但IE9是連FB的塗鴨牆都進不去,
這個應該是IE本身的問題,如果是這樣可能就沒辦法解了…

不知以上的回覆有無解答您的問題?如有問題歡迎再詢問囉!
Quote
 
Ethel
0
#3 Ethel 2012-08-10 15:04
版主您好:
請教一下想要更換tab image是不是要付fb用租費 啊?!要怎麼換成自己的圖呢?
問卷我找了好久希望可以換成自己 的背景,請問你可以教我嗎?拜託 達人了~~~~>
Quote
 
Ethel
+1
#4 Ethel 2012-08-10 15:08
忘了跟你說~~~我說的那個ta b image是譬如說網誌左邊那個 小小圖!!謝謝喔~~
Quote
 
Carol
0
#5 Carol 2012-08-11 11:45
Dear Ethel,

您好,謝謝您的提問~
我用動態時報方式告知您設定方法

修改圖片方法如下:

1、用管理者身分進入粉絲專頁
2、在最上面有一排按鈕,點「編輯專頁/更新個人資料」
3、進入後,在左欄點選「應用程式」
4、找到「Static Iframe Tab」或是「Woobox Custom Tab」,點選「編輯設定」
5、裡面有個「自訂頁籤圖像」,點選「更改」
6、進入後,點選「Change」
7、上傳您的圖片~
8、完成設定

以上回覆,如有任何問題歡迎留言詢問唷^^
Quote
 
希
0
#6 2012-08-24 13:27
借轉貼到粉絲團,教教小朋友呦!
Quote
 
Carol
0
#7 Carol 2012-08-27 08:27
Dear 希:

好的,請記得轉貼時要附註轉載的來源網址喔~謝謝您~
Quote
 
ashley
0
#8 ashley 2012-11-14 19:41
我按照您的步驟操作,雖然在粉絲頁出現了新增的應用圖示,但點進去都失敗(無法預覽網頁),請問下列欄位到底應如何設定?
1.Enable Timeline 810px Wide Mode ---:要選enablei或disable
1. Tab Image要在這裡換成自己要呈現的圖嗎
2. Page Tab Share Settings的方格內有一個edit,按下去後會出現下列3個項目,要輸入什麼嗎
(1)Share Image要選要在fb上呈現的圖示嗎
(2)Share Title
(3)Share Description
3.Page Source:選了URL後,在 下方的方格內輸入連結網址及高度 後---Hide Scrollbars選項要打勾嗎
在這個Tab Icon:加入要在FB上呈現的圖,但到粉絲頁卻仍只沒有改變
可以麻煩教清楚一點嗎
謝謝
Quote
 
moo
0
#9 moo 2012-11-30 14:40
你好,請問想要修改內容,點選setting後卻出現錯誤網頁,無法修改耶,不知道問題在哪裡??

謝謝~
Quote
 
CC
0
#10 CC 2012-12-08 15:58
想請問為什麼沒有辦法到第四個步驟><
沒有辦法去修改我要的內容.......
謝謝!
Quote
 
CC
-1
#11 CC 2012-12-08 18:27
你好
剛剛的問題已經自己搞定了XD
但有新的問題要請教一下
設定完之後的頁面一切都OK
但最上方有他們的廣告.........
有辦法可以移除嗎?謝謝:)
Quote
 
Beini
0
#12 Beini 2013-07-01 20:24
請問一下 我想改圖片
可是圖片一直無法放入
他說要5MB以內
可是我都改到比5MB小了 為什麼他還是說我的檔案過大.. ...(拜託救救我ˊˋ)
Quote
 
vicky
0
#13 vicky 2013-08-20 18:46
引用 Beini:
請問一下 我想改圖片
可是圖片一直無法放入
他說要5MB以內
可是我都改到比5MB小了 為什麼他還是說我的檔案過大.....(拜託救救我ˊˋ)


哈囉 你好 你可以注意一下ㄛ 她有像素限制 是111*77 唷 你可以調ㄧ下 就ok囉
Quote
 
athor
0
#14 athor 2013-08-28 15:28
您好~
我想請問一下像那種專頁聯盟要怎麼用才能顯示出許多專頁??
Quote
 
Din
0
#15 Din 2013-09-05 20:52
版主 你好~
請問要怎麼設定還沒按讚的粉絲,就能先看到歡迎頁呢?
我找了好多的網頁說明,都看不太懂呢!!
請幫幫我^^
Quote
 
FFLIN
0
#16 FFLIN 2013-10-11 01:39
想請問一下
我嵌入的網頁
用IE開得起來但用GOOGLE 就不行耶@@
Quote
 
Chang
0
#17 Chang 2013-10-22 10:23
Google Chrome 好像沒辦法看到iframe耶,
但IE可以看...
Quote
 
Andrea
0
#18 Andrea 2013-10-23 18:04
請問一下 我崁入的Tab 除了我本人以外 其他人點入我的粉絲團 那個tab一開始會出現 沒幾秒後都會消失耶 該怎麼解決呢?
Quote
 
尼采
0
#19 尼采 2014-01-24 15:37
請問一下 我想改圖片
可是圖片一直無法放入
他說要111*74像數,1MB
可是我都改到比小於1mb了 一直要我更改成輔合適當形象的圖 ,我試了好多不同的圖..(ˊˋ )拜託能幫幫我嗎?
Quote
 
Gonzalo
0
#20 Gonzalo 2014-04-26 06:05
) then take them off in the morning for soft, summer-ready feet.
Before using any facial beauty products, it is always best to consult
an expert. The world today states that tattoos are okay but the corporate world has stayed in its ways of not liking their people having tattoos plastered
all over their body.

my web page ... กลูต้า 3+
Quote
 
Andreas
0
#21 Andreas 2014-04-26 07:43
The Greeks believed that the proportion of the features of any beautiful person
must be as per golden ratio. However, they must be proved as useful to the buyer and not be preferred just because they are cheaper.
This has philosophical implications as it implies that
every thing beautiful has to belong to its time.


Also visit my homepage: กลูต้า
3+
Quote
 
Mohamed
0
#22 Mohamed 2014-04-26 08:08
Myth: Eating foods that contain oil will lead to acne and
pimples. The digital camera is waterproof,
that means that it could perform usually even if it rains.
This is a powerful herb that penetrates deep into the
breast tissue thereby increases the breast size.

My blog post gluta3plus
Quote
 
Lisa
0
#23 Lisa 2014-07-15 16:37
請問一下

我把所有的內容都做好了,結果一使用,卻一直看到
"Admin Options Settings Stats
New! Free Tool to Pick Winners and Export Likes/Comments from Facebook Timeline Posts. Learn More or Try It Now
Add More Woobox Apps: Sweepstakes & Giveaways Photo Contests Instant Win Giveaways Coupons & Vouchers Twitter Tab Pinterest Tab YouTube Tab Instagram Tab More"
這該如何消除呢?

還有上面放的連結都無法直接打開,只能點右鍵另外開啟,該如何解決呢?

謝謝
Quote
 
可可
0
#24 可可 2014-07-22 16:18
您好,想請問一下新增的這個頁籤 是否可以限制只有按讚後的粉絲才 能看到呢?謝謝
Quote
 
Marita
0
#25 Marita 2014-08-09 01:32
I read this piece of writing fully concerning
the resemblance of newest and previous technologies, it's remarkable article.


Here is my web blog - อาหารเสริม
Quote
 
Yukiko
0
#26 Yukiko 2014-10-08 15:49
Hey there! I just wanted to ask if you ever
have any problems with hackers? My last blog
(wordpress) was hacked and I ended up losing a few months of
hard work due to no back up. Do you have any solutions to prevent hackers?


Also visit my page ... phyto stem cell
Quote
 

新增留言


安全碼
重新整理

歡迎轉載blog文章,轉載時請留原文網址,感恩!
如果您喜歡我們的Blog,可以直接訂閱網頁設計Blog電子報,或是加入我們的網頁設計Facebook
* 因時間有限,而網頁教學的狀況也很多,可能無法一一回答大家的問題,我們會用工作之餘的時間盡量回覆大家,或請網友們互助回覆,不便之處還請見諒。