Cara membuat kipas angin Facebook Konten dengan tab Ungkap

Catatan: Dalam topik berikutnya yang akan Anda baca, Anda akan mempelajari tentang: Cara membuat kipas angin Facebook Konten dengan tab Ungkap

Pernahkah Anda bertanya-tanya bagaimana beberapa Facebook Halaman mana yang menampilkan konten tertentu atau membuatnya tersedia untuk penggemar? Jika demikian, tidak perlu mencari lagi.

(Pembaruan penting: Facebook Itu tidak lagi kompatibel dengan FBML. Silahkan lihat postingan diatas Facebook iFrame.) Salah satu tag FBML paling populer adalah fb: tampilkan saat terhubung. Favorit penjual, tag FBML ini memungkinkan Facebook halaman a Tampilkan konten yang berbeda untuk penggemar dan non-penggemar. Saat bukan penggemar mengklik tombol suka, pelanggaran! – Konten non-penggemar menghilang dan konten khusus penggemar menggantikannya. Sebagai metode untuk mengarahkan pengunjung menjadi penggemar situs Anda, ini bisa sangat efektif.

Tag FBML ini sering disebut sebagai “hack”; bagaimanapun itu diciptakan oleh Facebook melakukan apa yang dilakukannya: “a tampilkan konten di dalam tag di pengguna atau di Facebook profil laman hanya jika pemirsa adalah teman dari pengguna tersebut atau penggemar laman tersebut Facebook Halaman. “

Contoh merek yang menggunakan konten khusus penggemar

Ada banyak cara untuk dorong pengunjung untuk menyukai halaman Anda. Berikut adalah beberapa contoh merek di Facebook:

Levi’s menjanjikan “Akses Instan ke Konten Eksklusif”.

1-800 Bunga menawarkan kode diskon 20% untuk pesanan Anda berikutnya.

Teesey tee dirahasiakan: “Lihat apa kesepakatannya.”

DIGITORE menawarkan “Kode Diskon, Penawaran Spesial Tanpa Pengumuman, Hadiah Bulanan Gratis.”

Mereka memberi Anda gambar. “Kami memiliki konten yang bagus di sini, TETAPI ANDA HARUS MENYUKAINYA TERLEBIH DAHULU!”

Tentu saja Anda harus pastikan “cuplikan” Anda untuk non-penggemar cukup menarik bagi mereka untuk menyukai halaman Anda. Banyak situs yang mengharuskan pengunjung menjadi penggemar sebelum menampilkan konten tertentu, tetapi tidak Mengkomunikasikan nilai konten. Teesey tees, di atas, sangat mirip dengan ini.

Berikut petunjuk tentang cara menambahkan konten khusus penggemar ke halaman Anda.

Tambahkan aplikasi FBML statis ke situs Anda

Pertama, Anda perlu menambahkan aplikasi FBML statis ke halaman Anda. Ini panduannya.

CATATAN: FBML statis hanya dapat ditambahkan Facebook Halaman (yaitu halaman komersial, halaman perusahaan, halaman merek). Itu tidak dapat ditambahkan ke profil individu.

Apa itu FBML?

FBML adalah bahasa markupnya sendiri Facebook izinkan konten di tab Anda untuk berinteraksi Facebook API (“Antarmuka Pemrograman Aplikasi”). Ini semudah menggunakan HTML.

Sebagian besar tag FBML, termasuk yang saya gunakan dalam artikel ini, memiliki tag pembuka dan tag penutup. Konten setiap tag (HTML, CSS, dan/atau lebih banyak FBML) ditempatkan di antara tag pembuka dan penutup ini.

Buat konten khusus penggemar di tab khusus Anda

Setelah Anda menambahkan aplikasi FBML statis, menerapkan tag FBML ini cukup mudah. Satu-satunya bagian yang sedikit rumit adalah menghapus ruang putih yang dihasilkan oleh konten khusus penggemar, meskipun belum terlihat.

Facebook menggunakan “penglihatan: tersembunyi“Gaya dari sembunyikan konten penggemar hingga pengguna menyukai halaman tersebut. Namun, aturan gaya ini tetap berlaku untuk konten; itu bukan isinya Akibatnya, konten non-penggemar didorong ke bawah halaman! Namun, ini mudah diselesaikan dengan sedikit “pemosisian absolut” CSS. Saya memasukkan pendekatan ini ke dalam contoh berikut.

Kode untuk kotak FBML:
__abENT__lt; div id = __abENT__quot; Pembungkus__abENT__quot; __abENT__gt;
ISI HANYA DI SINI
__abENT__lt; div id = __abENT__quot; non-fans__abENT__quot; __abENT__gt; KONTEN NON-Penggemar BUKA DI SINI__abENT__lt;
__abENT__lt; __ aben __ # 8260; div__abENT__gt;

Seperti yang ditunjukkan di atas, semua konten tab akan dimuat dalam DIV “wrapper”.

buka ini berisi DIV. Gaya CSS diterapkan ke ID “wadah” melalui lembar gaya.

Semua konten khusus penggemar dan non-penggemar ditempatkan di antara prolog kartu dan penutupan kartu. Konten ini bisa berupa HTML, FBML, dan CSS.

Konten khusus penggemar didahulukan, diikuti oleh konten non-penggemar, tepat setelah prolog tanda FBML.

Konten non-penggemar yang terkandung di dalamnya

y

Tag Gaya CSS diterapkan ke ID “non-fanatis” melalui lembar gaya.

Segera setelah konten non-penggemar, itu ditutup diikuti dengan tutup label dan akhirnya

label untuk menutup “bungkus” DIV.

Inilah kotak FBML statis dengan kode di atas, yang terhubung ke stylesheet eksternal:

Berikut adalah CSS untuk stylesheet eksternal (dengan contoh URL):
#wrapper {
lebar: 520px;
margin:0 secara otomatis; batas: 0; penyangga:0;
Posisi relatif;
}
# bukan penggemar {
lebar: 520px;
Posisi mutlak; memimpin:0; kiri:0;
}

Lembar gaya eksternal Anda harus memiliki aturan gaya CSS. Tidak termasuk

label!

Jika Anda tidak dapat menggunakan stylesheet eksternal

Jika Anda tidak memiliki server tempat Anda dapat mengunggah lembar gaya terpisah, Anda dapat melakukannya Gaya “sebaris” dalam tag HTML. Meskipun ini tidak ideal, ini merupakan opsi jika Anda tidak dapat membuat lembar gaya terpisah, simpan di server dan ikat ke kartu.

Berikut adalah contoh di atas, dengan gaya untuk

tag sebaris (perhatikan bahwa kami tidak memerlukan ID jika kami menggunakan metode ini):

Memeriksa dan Mengatasi Masalah

Menguji dan memecahkan masalah tag FBML khusus ini agak rumit karena Saat Anda masuk sebagai pengguna admin situs, Anda akan melihat konten khusus penggemar dan non-penggemar saat melihat tab.

• Verifikasi sintaks yang tepat: Pastikan URL diapit oleh tanda kutip ganda (tanda kutip tunggal atau ganda baik-baik saja, tetapi harus cocok) dan itu adalah tanda kutip teks biasa top-down (bukan “mewah” atau “keriting”).

• Uji tab Anda di browser paling populer dan di Mac Y Windows: Anda ingin memastikan bahwa tab Anda ditampilkan dengan benar di browser paling populer (setidaknya Firefox, Internet Explorer, Safari, dan Chrome) dan di Mac dan Windows. Apa yang dirender dengan baik di Firefox, Chrome, dan Safari mungkin tidak (dan seringkali tidak) dirender dengan baik di Internet Explorer.

Apa yang salah dengan pemberitahuan mematikan FacebookFBML?

Pada tanggal 19 Agustus 2010, Namita Gupta mengumumkan akan keluar dari FBML. Namun, saya berharap bahwa dukungan untuk FBML statis dan tag tampilan fb:connected akan ada selamanya. Static FBML adalah aplikasi FacebookOwn dan hanya beberapa bulan yang lalu mereka menawarkan tab kustom FBML statis sebagai hadiah hiburan bagi pengguna yang menderita karena menghapus tab Box. Saya harap ini didukung hingga 2011 dan mungkin seterusnya.

Baca artikel mendetail ini tentang masa depan FBML dan FBML statis, termasuk pendapat beberapa pengembang ahli.

Sudahkah Anda mencoba konten khusus penggemar di Facebook Halaman? Apa pengalaman Anda? Silakan tinggalkan komentar Anda di kotak di bawah ini.