Mr.6 行銷料理包資料庫 – brought to you by the Mr. 6 Team

隨興放一個「加入粉絲團」按鈕 (KK110)

一般而言，「加入粉絲團」皆只會置放在一個頁面的最上方，如何將這個神奇的按鈕拉出來放在外部的頁面上？尤其是將一個粉絲專頁的粉絲們，導到另一個粉絲專頁？

在這個料理包中，我們示範了「加入粉絲團」按鈕的製作方法。一般不會寫程式的粉絲專頁經營者，讓一個人加入粉絲的方法，只有引導此人到「那個專頁」，然後去點擊上方的「加入粉絲團」，但事實上，我們可以運用巧妙的方法，讓「加入粉絲團」的按鈕，神奇的直接出現在另一個頁面上！

以下是製作方法。基本上，我們使用了Facebook自行提供的Facebook Connect的程式碼，製作一段iframe語法如下。

<iframe scrolling=”no” frameborder=”0″ src=”http://www.facebook.com/connect/connect.php?id=[你的專頁ID]&connections=10&stream=1&css=[你的CSS網址]” allowtransparency=”true” style=”border: none; width: 300px; height: 550px;”></iframe>

我們不必懂這是什麼意思，只要知道以下這一段語法，會產生出以下這個畫面：

換句話說，這段語法會將「粉絲視窗」的頁面整個秀在這個頁面上，而上面正是我們夢寐以求的「加入粉絲團」的按鈕。接下來，我們運用CSS的語法，來將這個框框裡面的CSS悉數「移除」，然後將整個框框縮小到剛剛好只露出「加入粉絲團」即可。

<fb:iframe src=”http://www.facebook.com/connect/connect.php?id=[你的專頁ID]>&connections=0&stream=0&css=[你的CSS網址]” allowtransparency=”true” style=”border: medium none rgb(255, 255, 255); width: 140px; height: 60px;” frameborder=”0″ scrolling=”no”&gt</fb:iframe>

可看的到許多參數都被設成零，或是改成白色底色，

就可以製作出如以下：

以上是「理論」，接下來，我們若要真正的設置這個頁面，必須經過以下的過程，請一步一步跟著做：