S d ng FBML cho fan pageử ụ
Posted on Dec 14, 2010 in Social Media Tips
bài tr c tôi đã h ng d n các b n cách th c s d ng ng d ng FBML c aỞ ướ ướ ẫ ạ ứ ử ụ ứ ụ ủ
Facebook. V i FBML b n có th t o ra hàng ngàn, hàng ngàn ng d ng đây tôi chớ ạ ể ạ ứ ụ Ở ỉ
xin gi i thi u đ n các b n 1ớ ệ ế ạ ϑphong phú đa d ng khác nhau vài ng d ng FBML nhoạ ứ ụ
nh và hay ho có th ng d ng ngay và làm cho fan page c a b n thêm lôi cu n và sinhỏ ể ứ ụ ủ ạ ố
đ ng.ộ
Thêm ch c năng newsletterứ
N u blog hay website c a b n có ch c năng đăng ký nh n tin bài qua email thì b nế ủ ạ ứ ậ ạ
hoàn toàn có th chuy n box đăng ký đó lên Facebook fan page c a b n. Hãy t o 1 tabể ể ủ ạ ạ
FBML m i và s d ng đo n code sau đây:ớ ử ụ ạ
<form action=“http://feedburner.google.com/fb/a/mailverify” method=“post”
target=“popupwindow”
onsubmit=“window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=YourURI’,
‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”>
<p>Nh p email c a b n:</p>ậ ủ ạ
<p><input type=“text” style=“width:140px” name=“email”/></p>
<input type=“hidden” value=“YourURI” name=“uri”/>
<input type=“hidden” name=“loc” value=“en_US”/>
<input type=“submit” value=“Đăng ký” /> </form>
Nhúng media vào fan page.
Media đây có th là flash, video ho c hình nh. FBML có h tr các th đ b nở ể ặ ả ỗ ợ ẻ ể ạ
nhúng nh ng đ i t ng trên vào fan page. Ví d , b n mu n nhúng 1 file video flashữ ố ượ ụ ạ ố
ho c game flash thì b n có th s d ng th FB:swf và FB:flv. M t s đo n code m uặ ạ ể ử ụ ẻ ộ ố ạ ẫ
nh sau:ư
•Nhúng file Flash:
<fb:swf swfbgcolor=“ffffff” swfsrc=’http://www.yoursite.com/flash.swf’ width=’380′
height=’250′ />
•Nhúng file FLV video
<fb:flv src=’http://www.yoursite.com/video-gallery/video.flv’ />
•Nhúng file hình nhả
<fb:photo pid=“12345″ />
<img src=“http://www.yoursite.com/image.jpg” />
Theo dõi trang c a b n v i Google Analyticsủ ạ ớ
Đ đánh giá hi u qu c a m t chi n d ch truy n thông trên m ng xã h i, b n ph iể ệ ả ủ ộ ế ị ề ạ ộ ạ ả
đ m b o đo đ m đ c nh ng con s . Hi n Facebook đã có tool Facebook insight m cả ả ế ượ ữ ố ệ ặ
dù c p nh t khá ch m, nh ng cũng r t chính xác. V i nh ng fan c a Google Analyticậ ậ ậ ư ấ ớ ữ ủ
các b n đ ng v i bu n, b n v n có th s d ng Google Analytics. Đ n gi n ch c nạ ừ ộ ồ ạ ẫ ể ử ụ ơ ả ỉ ầ
s d ng đo n code nh sau.ử ụ ạ ư
<fb:google-analytics uacct=“UA-9999999-99″ />
Chú ý: uacct là ID trên Google Analytics c a b n.ủ ạ
T o các thông đi p ng u nhiênạ ệ ẫ
V i FBML, b n có th d dàng t o ra nh ng thông đi p ng u nhiênớ ạ ể ễ ạ ữ ệ ẫ làm cho trang c aủ
b n thú v và lôi cu n ng i dùng h n. S d ng 1 s th c a FBML, b n hoàn toànạ ị ố ườ ơ ử ụ ố ẻ ủ ạ
làm đ c đi u nàyượ ề :
<fb:random>
<fb:random-option weight=“2″>Chào b n, d o này b n kh e không?</fb:random-ạ ạ ạ ỏ
option>
<fb:random-option weight=“1″>Hi, r t vui vì b n đã ghé thăm fan page c a mình!ấ ạ ủ
</fb:random-option>
</fb:random>
Hi v ngọ m t s ví d FBML trên h u ích đ i v i b n. B n hoàn toàn có th k t h pộ ố ụ ữ ố ớ ạ ạ ể ế ợ
nh ng đo n code nói trên đ t o ra nh ng ng d ng r t n t ng. N u b n c n, hãyữ ạ ể ạ ữ ứ ụ ấ ấ ượ ế ạ ầ
liên h v i chúng tôi! Jệ ớ
Các b c t o Landing page v i Static FBML nh sauướ ạ ớ ư :
B c 1: Vào tùy ch n ch nh s a trang “Edit page” -> “FBML” -> “Edit”ướ ọ ỉ ử
C a s code s hi n ra, b n có th đ t tiêu đ cũng nh nh p mã code n i dung choử ổ ẽ ệ ạ ể ặ ề ư ậ ộ
trang.
Ph n FBML ch p nh n các lo i mã code thông d ng sau: HTML, FBML, CSS…ầ ấ ậ ạ ụ
B c 2: C u hìnhướ ấ
Đ hi n th trang Landing page b n ph i vào tùy ch n ch nh s a trang “ể ể ị ạ ả ọ ỉ ử Edit page” ->
“Wall setting”
Ch n tab FBML m i t o là trang Landing page là xong!ọ ớ ạ
Có nhi u cách đ thu hút s tò mò c a khách hàng, ng i dùng khi ghé thăm trangề ể ự ủ ườ
fanpage c a b n, m t trong nh ng cách đó là dùng mã FBML đ tùy ch n hi n th n iủ ạ ộ ữ ể ọ ể ị ộ
dung trang landing page!
Hãy tham kh o ví d sau:ả ụ
http://www.lisp4.facebook.com/FreeMobileGames?v=app_4949752878
Đ làm đ c đi u này khá d dàng, b n ch c n thêm đo n mã sau vào ng d ngể ượ ề ễ ạ ỉ ầ ạ ứ ụ
Static FBML:
<style type=”text/css”>
div#content-fans { width: 520px; margin: 0 auto; border: 0; padding: 0; position: relative;
}
div#content-non-fans { width: 520px; position: absolute; top: 0; left: 0; }
</style>
<fb:visible-to-connection>
<div id=”content-fans”>
<h2> Hi hi !!! Demo gi i pháp thôi nhé! Thanks!ả
<img src=”http://www.giaiphapso.info/elly.jpg” style=”border: none;” />
</div>
<fb:else>
<div id=”content-non-fans”>
<h2>Hãy click vào nút like phía trên đ khám phá bí m t c a b c nh!</h2>ể ậ ủ ứ ả
<img src=”http://www.giaiphapso.info/elly1.jpg” style=”border: none;” />
</div>
</fb:else>
</fb:visible-to-connection>
* Ghi chú:
- Đo n mã màu cam là đo n mã giúp đ nh d ng style cho n i dung (CSS)ạ ạ ị ạ ộ
- Đo n mã màu xanh lá là đo n mã cho phép tùy ch n n i dung hi n th cho 2 lo i đ iạ ạ ọ ộ ể ị ạ ố
t ng đã là fan ho c ch a là fan.ượ ặ ư
- Đo n mã màu đen là n i dung, b n có th thay đ i tùy theo m c đích cũng nh sạ ộ ạ ể ổ ụ ư ở
thích (c n ki n th c c b n v HTML)ầ ế ứ ơ ả ề
- Đ t tab FBML là tab m c đ nh (Landing page) cho trang fanpage!ặ ặ ị
* Chú ý: N u b n là admin c a trang fanpage thì khi view k t qu có th b l i hi nế ạ ủ ế ả ể ị ỗ ể
th . Nên logout ho c dùng tài kho n khác đ test! Chú ý d u ị ặ ả ể ấ “” khi copy vào code s bẽ ị
thay đ i, do đó sau khi dán xong nên s a l i.ổ ử ạ