Tin tức và phân tích của tất cả các thiết bị di động

Cách tạo quạt Facebook Nội dung với tab Reveal

Bạn đã bao giờ tự hỏi làm thế nào một số Facebook Những trang nào hiển thị nội dung cụ thể hoặc chỉ cung cấp cho người hâm mộ? Nếu vậy, không tìm đâu xa.

(Cập nhật quan trọng: Facebook Nó không còn tương thích với FBML. Xin vui lòng xem các bài viết trên Facebook iFrame.) Một trong những thẻ FBML phổ biến nhất là fb: hiển thị trên kết nối. Yêu thích của người bán, thẻ FBML này cho phép Facebook trang a Hiển thị nội dung khác nhau cho người hâm mộ và người không hâm mộ. Khi một người không hâm mộ nhấp vào nút thích, vi phạm! – Nội dung không phải của người hâm mộ biến mất và nội dung dành riêng cho người hâm mộ thay thế nó. Là một phương pháp thúc đẩy khách truy cập trở thành người hâm mộ trang của bạn, điều này có thể rất hiệu quả.

Thẻ FBML này thường và được gọi là "hack"; tuy nhiên nó được tạo ra bởi Facebook làm chính xác những gì nó làm: "a hiển thị nội dung bên trong thẻ trong người dùng hoặc trong Facebook hồ sơ trang chỉ khi người xem là bạn của người dùng đó hoặc người hâm mộ của trang đó Facebook trang. "

Ví dụ về các thương hiệu sử dụng nội dung chỉ dành cho người hâm mộ

Có nhiều cách để thúc đẩy khách truy cập thích trang của bạn. Dưới đây là một số ví dụ về các thương hiệu trong Facebook:

Levi's hứa hẹn "Truy cập tức thì vào nội dung độc quyền".
levis trên facebook

1-800 hoa cung cấp mã giảm giá để giảm giá 20% cho đơn hàng tiếp theo của bạn.
1800 hoa trên facebook

Teesey tees giữ bí mật: "Xem những gì thỏa thuận."
tees teesey trên facebook

DIGISTORE cung cấp "Mã giảm giá, Ưu đãi đặc biệt không báo trước, Quà tặng miễn phí hàng tháng."
digistore trên facebook

Họ cung cấp cho bạn hình ảnh. "Chúng tôi có nội dung tuyệt vời ở đây, NHƯNG BẠN phải thích nó ĐẦU TIÊN!"

Tất nhiên bạn nên đảm bảo "đoạn giới thiệu" của bạn cho những người không phải là người hâm mộ đủ hấp dẫn để họ thích trang của bạn. Nhiều trang yêu cầu khách truy cập trở thành người hâm mộ trước khi hiển thị nội dung nhất định, nhưng không truyền đạt giá trị của nội dung. Teesey tees, ở trên, rất gần với điều này.

Sau đây là hướng dẫn về cách thêm nội dung chỉ dành cho người hâm mộ vào trang của bạn.

Thêm ứng dụng FBML tĩnh vào trang của bạn

Trước tiên, bạn sẽ cần thêm ứng dụng FBML tĩnh vào trang của mình. Đây là hướng dẫn.

LƯU Ý: FBML tĩnh chỉ có thể được thêm vào Facebook trang (tức là trang thương mại, trang công ty, trang thương hiệu). Nó không thể được thêm vào một hồ sơ cá nhân.

FBML là gì?

FBML là ngôn ngữ đánh dấu riêng của Facebook cho phép nội dung trong tab của bạn tương tác với Facebook API ("Giao diện lập trình ứng dụng"). Nó dễ sử dụng như HTML.

Hầu hết các thẻ FBML, bao gồm cả những thẻ tôi sử dụng trong bài viết này, đều có thẻ mở và thẻ đóng. Nội dung của mỗi thẻ (HTML, CSS và / hoặc nhiều FBML) được đặt giữa các thẻ mở và đóng này.

Tạo nội dung chỉ dành cho người hâm mộ trong tab tùy chỉnh của bạn

Khi bạn đã thêm ứng dụng FBML tĩnh, việc triển khai thẻ FBML này khá dễ dàng. Phần duy nhất có một chút khó khăn là loại bỏ khoảng trắng mà nội dung chỉ dành cho người hâm mộ tạo ra, mặc dù nó chưa hiển thị.

Facebook sử dụng "tầm nhìn: ẩn"Phong cách của ẩn nội dung người hâm mộ cho đến khi người dùng thích trang. Tuy nhiên, quy tắc phong cách này vẫn dành cho nội dung; nó không phải là nội dung Do đó, nội dung không phải của người hâm mộ được đẩy xuống trang! Tuy nhiên, điều này dễ dàng được giải quyết với một chút "định vị tuyệt đối" CSS. Tôi kết hợp phương pháp này vào các ví dụ sau.

Mã cho hộp FBML:
__abENT__lt; div id = __ abENT__quot; Wrapper__abENT__quot; __ abENT__gt;
NỘI DUNG CHỈ CÓ TẠI ĐÂY
__abENT__lt; div id = __ abENT__quot; non-fans__abENT__quot; __ abENT__gt; NON-Fans NỘI DUNG ĐI TẠI ĐÂY__abENT__lt;
__abENT__lt; __ abent __ # 8260; div__abENT__gt;

Như được hiển thị ở trên, tất cả nội dung tab sẽ được chứa trong DIV "trình bao bọc".

mở cái này chứa DIV. Các kiểu CSS được áp dụng cho ID "container" thông qua biểu định kiểu.

Tất cả nội dung chỉ dành cho người hâm mộ và không phải người hâm mộ được đặt giữa phần mở đầu thẻ và đóng cửa thẻ. Nội dung này có thể là HTML, FBML và CSS.

Nội dung chỉ dành cho người hâm mộ đến trước, tiếp theo là nội dung không dành cho người hâm mộ, ngay sau phần mở đầu Thẻ FBML.

Nội dung không phải của người hâm mộ được chứa trong

y

Thẻ Kiểu CSS được áp dụng cho ID "không cuồng tín" thông qua biểu định kiểu.

Ngay sau khi nội dung không phải của người hâm mộ, nó đóng cửa theo sau là đóng nhãn và cuối cùng là

nhãn để đóng "bao bọc" DIV.

Đây là hộp FBML tĩnh với mã ở trên, liên kết đến một biểu định kiểu bên ngoài:

Facebook  hiển thị để kết nối

Đây là CSS cho biểu định kiểu ngoài (có URL mẫu):
#wrapper {
chiều rộng: 520px;
lề:0 tự động; biên giới:0; đệm:0;
vị trí: tương đối;
}
# không phải người hâm mộ {
chiều rộng: 520px;
vị trí: tuyệt đối; hàng đầu:0; trái:0;
}

Biểu định kiểu ngoài của bạn phải có quy tắc kiểu CSS. Không bao gồm

nhãn!

Nếu bạn không thể sử dụng biểu định kiểu bên ngoài

Nếu bạn không có máy chủ nơi bạn có thể tải lên một biểu định kiểu riêng biệt, bạn có thể Kiểu "nội tuyến" trong thẻ HTML. Mặc dù điều này không lý tưởng, nhưng đây là một tùy chọn nếu bạn không thể tạo một biểu định kiểu riêng biệt, lưu trữ nó trên máy chủ và liên kết nó với thẻ.

Dưới đây là ví dụ ở trên, với các kiểu cho

thẻ nội tuyến (lưu ý chúng tôi không cần ID nếu chúng tôi sử dụng phương pháp này):

mẫu trực tuyến

Kiểm tra và xử lý sự cố

Kiểm tra và xử lý sự cố thẻ FBML cụ thể này là một chút khó khăn vì Khi bạn đăng nhập với tư cách là người dùng là quản trị viên trang, bạn sẽ thấy nội dung chỉ dành cho người hâm mộ và không phải người hâm mộ khi xem tab.

  • Xác minh cú pháp thích hợp: Đảm bảo các URL được bao quanh bởi dấu ngoặc kép (dấu ngoặc kép đơn hoặc kép là tốt, nhưng phải khớp) và chúng là dấu ngoặc kép văn bản đơn giản từ trên xuống (không phải dấu ngoặc kép "ưa thích" hoặc "xoăn").
  • Kiểm tra tab của bạn trong các trình duyệt phổ biến nhất và trên Mac Y Windows: Bạn muốn đảm bảo rằng tab của bạn được hiển thị chính xác trong các trình duyệt phổ biến nhất (ít nhất là Firefox, Internet Explorer, Safari và Chrome) và trên Mac và Windows. Những gì hiển thị tốt trong Firefox, Chrome và Safari có thể không (và thường không) hiển thị tốt trong Internet Explorer.

Có chuyện gì thế FacebookThông báo tiêu diệt FBML?

Vào ngày 19 tháng 8 năm 2010, Namita Gupta đã công bố giai đoạn sắp ra khỏi FBML. Tuy nhiên, tôi hy vọng rằng hỗ trợ cho FBML tĩnh và thẻ fb: hiển thị kết nối sẽ xuất hiện vô thời hạn. FBML tĩnh là ứng dụng FacebookOwn và chỉ vài tháng trước, họ đã cung cấp các tab tùy chỉnh FBML tĩnh như một giải thưởng an ủi cho những người dùng đã đau khổ bằng cách xóa tab Hộp. Tôi hy vọng nó được hỗ trợ cho đến năm 2011 và có lẽ hơn thế nữa.

Đọc bài viết chi tiết này về tương lai của FBML và FBML tĩnh, bao gồm ý kiến ​​của một số nhà phát triển chuyên gia.

Bạn đã thử nội dung chỉ dành cho người hâm mộ trên Facebook Trang? Kinh nghiệm của bạn là gì? Hãy để lại ý kiến ​​của bạn vào ô bên dưới.