iNET Academy

Hướng dẫn tạo Static HTML iFrame Tab cho Fan Page

Tác giả Nguyễn Trọng Thơ | Ngày đăng: | xếp hạng 4.5 | 233 bài đánh giá
Hướng dẫn tạo Static HTML iFrame Tab cho Fan Page Bài viết này hướng dẫn bạn chèn thêm Tab mới vào Fan Page trên Facebook.

Từ trước đến nay, để tạo được các Fan Page Tab theo ý mình bằng HTML, chúng vẫn thường dùng Static FBML Application. Tuy nhiên, từ 3/2011, Facebook đã tuyên bố sẽ ngưng không phát triển ứng dụng này và chuyển nó sang hình thức iFrame Tab.

Điều này có nghĩa là admin của Fan page phải tạo một facebook application sau đó liên kết nó với fan page (add to page). Rồi viết code HTML, đặt tại hosting của mình. Khi người dùng truy cập fan page tab,  facebook sẽ gọi mã HTML  từ hosting của bạn để hiển thị.

1. Static FBML application đã không thể sử dụng được nữa.

2. Nếu bạn đang dùng Static FBML Tab từ trước thì các tab vẫn được giữ nguyên.

3. Facebook đã xoá nút “add another fbml box” trong phần edit app của Static FBML tại fan page.

 

Vậy, làm sao để thêm 1 Tab mới vào Fan page ?

(1) Nếu bạn là 1 coder thì việc tạo và liên kết application với fan page là chuyện quá dễ dàng.

(2) Nếu bạn thì bạn thực hiện theo các bước sau đây nhé.

Bước 1: Cài đặt Static HTML iFrame Tabs

Bạn truy cập vào Static HTML iFrame Tabs, click nút Add Static HTML to a Page.

Bạn chọn Fan Page muốn bổ sung Tab mới.

Bước 2: Thiết kế Landing Tab

Bạn trở về trang fan page của mình. Bên trái, ngay dưới avatar chính, có thêm một tab mới có icon hình ngôi sao, có tên là Welcome. Đó chính là Static HTML iFrame Tab mà bạn vừa add vào.

 

Bây giờ bạn có thể chèn code HTML, Javascript vào ô edit mà ứng dụng này cung cấp. Sau đó click save là xong. Khi Bạn nhớ tick vào nút [  ] Enable FBML khi nhập nội dung HTML.

Tên mặc định của tab bạn vừa add vào là “Welcome”. Để đổi tên, bạn hãy vào Edit Page > Click App (cột trái) > iFrame tab> Click Edit Setting > Lúc này bạn có thế thay đổi tên tab.

 

 Các bạn lưu ý, các hình ảnh add vào tab này cần có độ rộng tối đa 530px

Bạn có thể chèn thử đoạn code này vào box đầu tiên trên tab welcome
 

 

<style type='text/css'>
#wrapper {
width:520px;
height:500px;
margin:0 auto; border:0; padding:0;
position:relative;
}
</style>
<div id="wrapper">
  <div style='width:520px;'>
     <img src='[Insert Image URL Here]' />
     <!-- You can also add any HTML that you want displayed to fans -->
 </div>
</div>

 

Bước 3: Làm sao add thêm tab cho fan page ?

Trong trang của tab Welcome mà bạn vừa add có một mục là FAQ  and Help Center ở đầu trang luôn. Bạn click vào đó sẽ thấy menu thả xuống rất nhiều câu hỏi. Bạn hãy chọn câu: ”How do I add more than one tab ?” Khi đó, các đường link giúp bạn add thêm tab 1,2,....12 .

Bạn cứ click vào tab thứ n mà mình muốn add, sau đó thực hiện lại thao tác “Add to Page” như lần đầu tiên bạn add tab vào fan page  ở trên.

Vậy là mọi thứ đã rõ ràng, chúc bạn thành công với Fan Page của mình!

iNET

 

Hướng dẫn SEO: Hoc SEO - Dao tao SEO - Marketing Online
Hướng dẫn Tên miền: Ten mien - Dang ky ten mien
Dịch vụ thiết kế web: Thiet ke web ban hang

 

Lịch khai giảng khóa học: Bán hàng trên Facebook
Lớp học Bắt đầu Kết thúc Địa điểm
Thứ 7, 22/10/2016, 9h00 Chủ nhật, 23/10/2016, 18h00 iNET Hà Nội