reset and begin
11/22/2010

Landing Page cần thiết cho fanpage.

Landing Page cũng như cách sử dụng Static FBML để tạo thêm các thành phần cần thiết cho fanpage.

I. FBML

1. Giới thiệu: FBML (Facebook Markup Language) dịch nôm na là Ngôn Ngữ Đánh Dấu Facebook. Các lập trình viên có thể dựa trên ngôn ngữ này để tạo ra các ứng dụng tương tác trực tiếp với Facebook thông qua các câu lệnh đặc trưng.
Tài liệu hướng dẫn FBML: http://developers.facebook.com/docs/reference/fbml/
VD: Để chèn một hình ảnh ta dùng câu lệnh sau:
<fb:photo pid=”12345″ />
<img src=”http://www.yoursite.com/image.jpg” />

Để chèn một file flash (.swf) ta dùng câu lệnh sau:
<fb:swf swfbgcolor=”ffffff”  swfsrc=’http://www.yoursite.com/flash.swf’ width=’380′ height=’250′ />

2. Static FBML: Là một ứng dụng trên nền tảng FBML cho phép chèn thêm một ứng dụng bổ sung cho fanpage. Người dùng có thể tùy biến Static FBML bằng cách sử dụng ngôn ngữ HTML hoặc FBML chép vào phần trong phần mã code của ứng dụng.
Cài đặt:
1. Vào địa chỉ: http://www.facebook.com/apps/application.php?id=4949752878
2. Cài ứng dụng vào trang: Nhấp vào tùy chọn “Add to my page”.


3. Sau khi đã cài đặt, ứng dụng sẽ có mặt trong phần tùy chọn “Edit page”

Cũng giống như các Application khác, Static FBML có 2 tùy chọn chính(tham khảo phần 3):
- Edit: Chỉnh sửa code, bạn có thể chèn mã HTML hoặc FBML vào.
- Application Settings: Tùy chọn thêm ứng dụng vào TabBox

II. Tạo trang landing page với Static FBML

1. Landing page

Gọi là một lead capture page (trang đích đến): là một trang xuất hiện khi có một khách hàng tiềm năng click chuột vào một mẩu quảng cáo hay đường link kết quả của một công cụ tìm kiếm. Landing page được cấu hình đơn giản, tối ưu hóa SEO (Search Engine Optimization), nội dung được xoáy sâu vào một chủ đề, một sản phẩm hay một chương trình quảng cáo nào đó.

2. Tạo Landing page trên Facebook fanpage

Landing page trên Facebook fanpage thực tế là một trang ứng dụng (tab ứng dụng) được tạo ra từ ứng dụng Static FBML.
Thông thường tab “Wall” luôn là tab mặc định tuy nhiên để trọng tâm vào việc giới thiệu thương hiệu, sản phẩm hoặc một sự kiện nào đó đang “hot” thì người ta thường sử dụng Landingpage làm tab mặc định khi người dùng truy cập vào địa chỉ của trang Fanpage. Điều này sẽ phát huy được tối đa lượng người xem tới trang landingpage bởi vì thói quen người dùng rất ít khi nhấp chuột sang tab khác!
*Trang Landing page chỉ hiển thị trong 2 trường hợp:
1. Khách vào trực tiếp thông qua địa chỉ URL(chưa đăng nhập facebook)
2. Các khách đã đăng nhập facebook nhưng chưa là fan của trang fanpage.
Các bạn test thử với trang fanpage của GPS: http://www.facebook.com/gpsfanpage
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…
* Lời khuyên: Nếu không rành về code thì bạn nên dùng Text hoặc Image đơn giản nhưng phải ấn tượng, gây sự chú ý (giống như ví dụ trang landingpage của GPS phía trên) :o:
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! :D
Bước 3: Quảng bá
Sau khi tạo xong landing page cho trang fanpage thì việc cuối cùng mà bạn phải làm là đi quảng bá trang fanpage của mình. Thông thường là bạn cần đưa link lên các diễn đàn, website rao vặt, các trang fanpage, group khác; nếu có tiền mua luôn quảng cáo trên Facebook thì sẽ rất hiệu quả! :)
Vậy là xong một phần nữa! GPS hy vọng các bạn sẽ tự tạo cho mình một trang landing page hoàn hảo! :love:
Dưới đây là một số ví dụ điển hình về Landing page trên facebook:
- http://www.facebook.com/markmeyerphotography
- http://www.facebook.com/sonyericsson
- http://www.facebook.com/ladygaga
- http://www.facebook.com/cocacola
- http://www.facebook.com/victoriassecret

Bloger Comments
G+ Comments
Comments FaceBook

No comments:

List

Profiles Information


About me : Nothing is 1 vài thứ - 1985

Places I've Lived : I Hà Nội

Home Page : http://www.shimivn.blogspot.com/

Think : 1:1000000000

Languages spoken : Vietnamese,English.

Mobile : sony C2305

dell : i3-Ram 3GB- HDD 250GB .