Cara Menyematkan Twitter di Iframe

Twitter menyediakan widget tertanam yang menyuntikkan konten Twitter ke dalam bingkai inline dalam halaman Web lain melalui skrip. Situs Twitter memblokir tampilan iframe langsung melalui protokol transfer hypertext aman, yang mencegah seseorang membuat iframe langsung ke halaman mana pun di Twitter. Sebagai gantinya, widget Twitter perlu dibuat melalui akun Twitter yang sesuai untuk disematkan di situs dalam iframe.

Halaman Dalam Halaman

Iframe adalah fitur dalam HTML yang memungkinkan pengembang Web untuk menyematkan konten dari satu situs web atau halaman Web ke dalam yang lain. Di dalam HTML, ada perintah lain yang dapat digunakan untuk membuat bingkai yang membagi halaman Web menjadi konten yang dimuat secara terpisah: tag iframe membuat bingkai tertutup. Widget Twitter menggunakan konstruksi iframe untuk menampilkan konten yang dihosting di Twitter dalam situs web lain agar tampak seolah-olah itu adalah satu halaman Web yang kohesif.

Widget Iframe Twitter

Widget berbasis iframe Twitter adalah versi resmi dan terkontrol situs media sosial untuk menampilkan kontennya di situs lain. Pemilik akun dapat membuat timeline pengguna, favorit, daftar, dan widget pencarian. Widget Twitter dibuat dengan menggunakan pembuat widget dalam akun pengguna Twitter: Anda dapat membuat widget untuk akun lain dalam akun Anda sendiri. Twitter akan menghasilkan kode JavaScript yang dapat disematkan di situs lain yang menyediakan autentikasi untuk pembuatan dan konten widget. Widget itu sendiri disesuaikan dan di-host di situs Twitter.

Membuat Widget Twitter

Untuk membuat widget Twitter, masuk ke situs Twitter dengan akun pribadi Anda, klik ikon "roda gigi" dan pilih opsi "Pengaturan". Pilih subjudul Widget dari menu sebelah kiri dan klik "Buat baru." Pilih "Garis waktu pengguna," "Favorit," "Daftar" atau "Cari" tergantung pada jenis modul yang ingin Anda buat. Untuk mengatur "Garis waktu pengguna" dan "Favorit", masukkan nama pengguna akun dan klik "Buat widget" untuk membuat kode widget. Untuk menyiapkan widget "Daftar", pilih daftar yang sudah dibuat yang ingin Anda gunakan dan klik "Buat widget". Untuk membuat widget pencarian, masukkan tagar yang ingin Anda cantumkan di bawah "Kueri Pencarian" dan klik "Buat widget."

Menerapkan Widget Twitter

Keempat jenis widget Twitter menghasilkan kode HTML dan JavaScript sematan yang dapat Anda gunakan untuk menempatkan widget di dalam halaman Web. Untuk menggunakan kode, salin dari bidang di situs Twitter dan tempelkan ke kode halaman situs web. Skrip mandiri akan dimuat di halaman dan menyuntikkan iframe yang berisi konten widget.

Sematkan Tweet Pihak Ketiga

Anda dapat membuat kode sematan untuk masing-masing tweet dari akun mana pun dengan menggunakan opsi "Sematkan". Untuk menggunakan fitur penyematan tweet, buka halaman timeline akun Twitter dan temukan tweet yang ingin Anda sematkan. Arahkan mouse ke tweet, klik "Lainnya" dan pilih "Sematkan Tweet." Situs tersebut memunculkan sebuah kotak yang berisi kode embed, yang dapat disalin dan ditempelkan ke situs lain untuk menampilkan tweet.