Membuat dan Menyematkan Widget Twitter dalam Iframe

Pengantar

Twitter menyediakan widget yang memungkinkan konten Twitter disematkan ke halaman web lain melalui skrip. Karena protokol HTTPS menolak tampilan iframe langsung ke halaman Twitter, widget harus dibuat lewat akun Twitter yang relevan sebelum dapat disisipkan.

Iframe: Menyatukan Konten

Iframe adalah elemen HTML yang memungkinkan pengembang menyisipkan konten dari situs atau halaman lain ke dalam halaman web. Dengan tag <iframe>, konten dimuat secara terpisah, memberi kesan satu halaman utuh. Widget Twitter memanfaatkan struktur ini untuk menampilkan tweet di situs pihak ketiga.

Widget Twitter Berbasis Iframe

Widget ini merupakan versi resmi dan terkontrol dari Twitter untuk menampilkan konten di situs lain. Pemilik akun dapat membuat widget untuk timeline, favorit, daftar, atau pencarian. Saat dibuat, Twitter menghasilkan kode JavaScript yang dapat dipasang di situs Anda; skrip tersebut akan memuat iframe berisi konten yang terautentikasi.

Langkah Membuat Widget Twitter

1. Masuk ke akun Twitter Anda.
2. Klik ikon gear lalu pilih Settings.
3. Pada menu kiri, pilih Widgets dan klik Create new.
4. Pilih tipe widget: User timeline, Favorites, List, atau Search.
5. Untuk timeline dan favorites, masukkan nama pengguna dan klik Create widget.
6. Untuk list, pilih daftar yang sudah ada lalu klik Create widget.
7. Untuk search, ketik hashtag di kolom Search Query dan klik Create widget.

Mengimplementasikan Widget di Situs Anda

Setelah widget dibuat, Twitter menyediakan kode HTML + JavaScript. Salin kode tersebut dari halaman widget, lalu tempelkan di file HTML situs Anda. Skrip akan memuat iframe otomatis dan menampilkan konten widget.

Menyematkan Tweet Individu

Anda dapat menyematkan tweet tunggal dengan memilih Embed pada tweet tersebut. Pergi ke timeline akun, temukan tweet yang diinginkan, arahkan kursor, klik More lalu pilih Embed Tweet. Salin kode yang muncul dan tempelkan ke halaman web Anda.