Cara Menyematkan Streaming Langsung YouTube di WordPress

Diterbitkan: 2023-04-24

Apakah Anda ingin menyematkan streaming langsung YouTube di situs web WordPress Anda?

Menyematkan streaming langsung YouTube di situs WordPress Anda dapat meningkatkan keterlibatan dengan memungkinkan pengunjung berinteraksi dengan Anda dan konten Anda secara real time.

Pada artikel ini, kami akan menunjukkan kepada Anda cara menyematkan streaming langsung YouTube dengan mudah di WordPress.

How to embed a YouTube live stream in WordPress

Mengapa Menyematkan Streaming Langsung YouTube di WordPress

Streaming langsung memungkinkan Anda untuk menyiarkan konten video atau audio langsung melalui internet, memungkinkan pengguna untuk menonton video secara real-time.

YouTube live stream

Menyematkan streaming langsung YouTube di situs web WordPress Anda adalah cara terbaik untuk terhubung dengan audiens Anda dan menjangkau lebih banyak pengguna.

Itu juga dapat meningkatkan keterlibatan pengguna dengan memungkinkan Anda berinteraksi dengan pengunjung situs.

Streaming langsung YouTube juga dapat membantu meningkatkan SEO situs web dan menarik lebih banyak lalu lintas. Penelitian telah menunjukkan bahwa posting blog dengan setidaknya satu video mendapatkan pengunjung sekitar 83% lebih banyak daripada konten tanpa video.

Karena itu, mari kita lihat bagaimana Anda dapat dengan mudah menyematkan streaming langsung YouTube di WordPress.

Cara Menyematkan Streaming Langsung YouTube di WordPress

Cara termudah untuk menyematkan streaming langsung YouTube adalah dengan menggunakan plugin YouTube Feed Pro dari Smash Balloon.

Ini adalah plugin feed YouTube WordPress terbaik yang memungkinkan Anda menyematkan video YouTube dan streaming langsung di situs web Anda.

Pertama, Anda perlu menginstal dan mengaktifkan plugin YouTube Feed Pro. Untuk instruksi lebih lanjut, silakan lihat panduan pemula kami tentang cara memasang plugin WordPress.

Catatan : Umpan YouTube juga memiliki versi gratis. Namun, itu tidak mendukung fitur Live Stream.

Setelah plugin diaktifkan, Anda perlu mengunjungi Umpan Youtube »Pengaturan halaman dari sidebar admin. Di sini, Anda perlu memasukkan kunci lisensi dan klik tombol 'Aktifkan'.

Anda bisa mendapatkan kunci lisensi dari halaman Akun Anda di situs web Smash Balloon.

Activate your smash balloon license key

Selanjutnya, Anda perlu mengunjungi halaman Umpan YouTube »Semua Umpan dari sidebar admin WordPress.

Dari sini, cukup klik tombol 'Tambah Baru' di bagian atas.

Click the Add New button to add the YouTube feed

Ini akan membuka permintaan 'Pilih Jenis Umpan'.

Sekarang, Anda harus memilih opsi 'Live Streams' dan kemudian klik tombol 'Next' untuk melanjutkan.

Choose live stream as feed type

Pada langkah selanjutnya, Anda perlu menghubungkan YouTube Feed Pro dengan akun Youtube Anda. Anda akan diminta untuk memberikan kunci API YouTube Anda.

Jika Anda sudah memiliki kunci API, cukup salin dan tempel ke kotak 'Masukkan Kunci API' dan klik tombol 'Tambah'.

Add YouTube API key

Buat Kunci API YouTube

Jika Anda belum memiliki kunci API, Anda harus pergi ke Google Cloud Console dan masuk menggunakan akun Google Anda.

Setelah Anda masuk, klik tombol 'Pilih proyek' di bagian atas.

Click Select Project button

Ini akan membuka jendela sembulan yang akan menampilkan semua proyek yang telah Anda buat.

Selanjutnya, cukup klik tombol 'Proyek Baru' di bagian atas.

Click the New Project button

Ini akan membawa Anda ke halaman 'Proyek Baru', di mana Anda dapat memulai dengan mengetikkan nama untuk proyek Anda. Ini bisa berupa apa saja yang akan membantu Anda mengidentifikasinya dengan mudah.

Selanjutnya, Anda juga harus memilih 'Organisasi' dan lokasinya dari menu tarik-turun. Anda dapat memilih 'Tidak Ada Organisasi' dan klik tombol 'Buat' untuk melanjutkan.

Choose a project name and its organization

Setelah proyek dibuat, Anda akan dibawa ke dasbor proyek.

Dari sini, Anda perlu mengklik tombol '+ Aktifkan API dan Layanan' di menu atas.

Click on the + ENABLE APIS AND SERVICES button

Ini akan membawa Anda ke halaman Perpustakaan API. Ini menunjukkan berbagai layanan Google yang dapat Anda buat untuk API dan gunakan dalam proyek Anda.

Sekarang lanjutkan dan cari 'YouTube Data API v3' di kotak pencarian.

Search for the YouTube data API v3 option

Setelah hasil 'YouTube Data API v3' muncul, klik saja.

Ini akan membawa Anda ke halaman baru di mana Anda perlu mengklik tombol 'Aktifkan' untuk mengaktifkan kunci API YouTube.

Enable the YouTube API

Anda sekarang akan dibawa ke halaman 'API/Detail Layanan'.

Dari sini, cukup klik tombol 'Buat Kredensial' di bagian atas.

Click the Create Credentials button

Selanjutnya, Anda akan diarahkan ke halaman baru di mana Anda harus mencentang kotak di sebelah opsi 'Data Publik'.

Setelah itu, klik tombol 'Berikutnya' untuk membuat API Anda.

Check the Public data box and click on the Next button

Kunci API Anda sekarang akan dibuat dan ditampilkan di halaman.

Cukup salin kunci API dan klik tombol 'Selesai'.

Copy the YouTube API key

Selanjutnya, saatnya untuk kembali ke dasbor WordPress.

Lanjutkan dan rekatkan kunci API ke dalam kotak API Key Required. Kemudian, klik tombol 'Tambah' untuk melanjutkan.

Add YouTube API key

Tambahkan Streaming Langsung YouTube ke Situs WordPress Anda

Setelah menambahkan kunci API YouTube, Anda akan dialihkan ke halaman 'Pilih Jenis Umpan'.

Dari sini, Anda perlu mengklik opsi 'Live Stream' lagi, diikuti dengan tombol 'Next'.

Ini akan membuka halaman 'Tambahkan ID Saluran Untuk Streaming Langsung'.

Visit the Add channel ID for live stream page

Sekarang, Anda perlu mengunjungi saluran YouTube yang berisi video streaming langsung Anda.

Dari sini, lanjutkan dan salin teks yang muncul setelah '/channel/' atau '/user/' di URL di bagian atas.

Copy the code after channel or user in the URL

Selanjutnya, beralih kembali ke dasbor WordPress dan tempelkan kode ke kotak 'Tambahkan ID Saluran untuk Livestream'.

Setelah itu, klik tombol 'Hubungkan' untuk menghubungkan saluran YouTube Anda dengan WordPress.

Setelah saluran terhubung, Anda perlu mengklik tombol 'Berikutnya' untuk melanjutkan.

Add code and click the connect button

Sesuaikan Umpan YouTube Anda

Sekarang umpan streaming langsung YouTube Anda telah dibuat, Anda dapat menyesuaikannya. YouTube Feed Pro dari Smash Balloon menawarkan banyak opsi tampilan yang berbeda.

Pertama, Anda harus memilih template di halaman 'Mulai dengan template'. Anda dapat memilih dari tata letak Default, Carousel, Cards, List, Gallery, dan Grid.

Setelah Anda menentukan pilihan, cukup klik tombol 'Berikutnya'.

Choose a template for your Live YouTube feed

Setelah Anda memilih template, layar pengeditan akan terbuka yang menampilkan pratinjau umpan YouTube Anda di sebelah kanan dan pengaturan penyesuaian di kolom menu sebelah kiri.

Di sini, Anda dapat memulai dengan memperluas panel 'Tata Letak Umpan'.

YouTube Feed editor

Di layar ini, Anda dapat beralih di antara tata letak.

Anda juga dapat mengonfigurasi pengaturan tambahan tergantung pada tata letak yang Anda pilih.

Customize the YouTube feed layout

Selanjutnya, Anda perlu mengklik panel 'Skema Warna'.

Secara default, YouTube Feed Pro menggunakan skema warna yang sama dengan tema WordPress Anda. Namun, Anda juga dapat menggunakan skema warna 'Terang' atau 'Gelap' untuk umpan video.

Anda juga dapat mendesain skema warna Anda sendiri dengan mengklik opsi 'Kustom' dan kemudian menggunakan kontrol untuk mengubah warna latar belakang, teks, dan tautan.

Customize feed color scheme

Untuk menambahkan header ke umpan YouTube Anda, Anda perlu mengunjungi panel 'Header'. Dari sini, cukup alihkan sakelar 'Aktifkan' untuk mengaktifkan tajuk.

Anda juga dapat menggunakan kontrol untuk beralih antara gaya header standar dan teks. Memilih opsi 'Teks' akan memungkinkan Anda mengubah ukuran dan warna teks.

Customize YouTube feed header

Anda juga dapat menyesuaikan tampilan pemutar video dengan membuka panel 'Video'.

Di sini, Anda akan melihat daftar opsi.

Videos panel option

Untuk menyesuaikan tata letak video dan properti individual, Anda perlu mengunjungi panel pengaturan 'Gaya Video'.

Di sini, Anda dapat memilih tata letak video, warna latar belakang, dan batas.

Customize video style

Setelah itu, buka panel 'Edit Individual Elements'. Di sini, cukup centang kotak di sebelah elemen yang ingin Anda tampilkan bersama dengan video streaming langsung YouTube.

Anda dapat menampilkan atau menyembunyikan ikon Putar, judul video, hitung mundur live stream, deskripsi, dan lainnya.

Edit the individual elements you want to display along with the video

Selanjutnya, Anda harus menuju ke pengaturan 'Hover State'. Di sini, Anda dapat memilih elemen individual yang akan ditampilkan saat pengguna mengarahkan mouse ke video YouTube.

Anda dapat memilih banyak elemen, termasuk judul video, deskripsi, tanggal, penayangan, dan lainnya.

Customize hover state

Setelah itu, Anda perlu mengunjungi panel 'Pengalaman Pemutar Video'.

Dari sini, Anda dapat mengubah rasio aspek pemutar video. Anda juga dapat memilih apakah video akan mulai diputar secara otomatis atau menunggu hingga pengunjung mengklik tombol putar.

Customize video player experience

Setelah menyesuaikan elemen video individu, alihkan ke panel 'Muat Lebih Banyak Tombol'.

Di sini, di bawah setelan 'Muat Lebih Banyak Tombol', Anda dapat mengalihkan sakelar ke 'Aktifkan'. Ini akan menampilkan lebih banyak saran video setelah streaming langsung.

Anda juga dapat memilih warna latar belakang, status hover, dan teks dari pengaturan di panel kiri.

Customize the Load More button

Setelah itu, alihkan ke panel 'Tombol Berlangganan' dan alihkan sakelar ke 'Aktifkan' jika Anda ingin mengaktifkan tombol berlangganan YouTube.

Anda juga dapat mengubah warna tombol, teks, dan status hover di pengaturan.

Customize Subscribe button

Setelah menyesuaikan umpan langsung YouTube, Anda dapat mempratinjau tampilannya di komputer desktop, tablet, dan ponsel cerdas. Cukup klik tombol yang berbeda di sudut kanan atas untuk mempratinjau feed di perangkat yang berbeda.

Terakhir, jangan lupa klik tombol 'Simpan' di bagian atas untuk menyimpan perubahan Anda.

Preview and save feed

Sematkan Streaming Langsung YouTube di Halaman WordPress

Langkah selanjutnya adalah menyematkan umpan langsung YouTube Anda di halaman WordPress. Untuk melakukan ini, Anda harus terlebih dahulu mengklik tombol 'Sematkan' di bagian atas.

Ini akan membuka prompt 'Embed Feed'. Di sini, klik tombol 'Tambahkan ke Halaman' untuk melanjutkan.

Click Add to a page button to embed YouTube feed

Munculan sekarang akan menampilkan daftar semua halaman WordPress di situs web Anda.

Cukup pilih halaman tempat Anda ingin menyematkan streaming langsung YouTube dan klik tombol 'Tambah'.

Choose a page where you want to embed the feed and click on the Add button

Halaman yang Anda pilih sekarang akan terbuka di editor blok.

Dari sini, Anda perlu mengklik tombol 'Tambahkan Blok' (+) di pojok kiri atas dan cari blok 'Umpan untuk YouTube'.

Setelah Anda menemukannya, tambahkan blok ke halaman Anda dengan mengkliknya.

Embed YouTube Feed on a page

Jangan lupa klik tombol 'Perbarui' atau 'Publikasikan' untuk menyimpan perubahan Anda atau menayangkannya.

Beginilah tampilan umpan langsung YouTube di situs web demo kami.

YouTube Feed Page preview

Tambahkan Umpan Langsung YouTube sebagai Widget

Anda juga dapat menambahkan umpan langsung YouTube ke sidebar WordPress sebagai widget.

Pertama, Anda perlu mengunjungi halaman Appearance »Widgets dari sidebar admin.

Dari sini, klik tombol 'Tambah Blok' (+) di pojok kiri atas layar dan temukan blok 'Umpan untuk YouTube'.

Selanjutnya, klik pada blok untuk menambahkannya ke area widget.

Add YouTube Feed as a widget

Jangan lupa klik tombol 'Perbarui' untuk menyimpan perubahan Anda.

Beginilah tampilan umpan langsung YouTube di sidebar di situs web demo kami.

Widget Preview of YouTube feed

Tambahkan Streaming Langsung YouTube di Editor Situs Lengkap

Jika Anda menggunakan tema berbasis blok, maka metode ini cocok untuk Anda.

Pertama, buka halaman Penampilan »Editor dari sidebar admin untuk meluncurkan editor situs.

Dari sini, klik tombol 'Tambah Blok (+)' di bagian atas dan cari blok 'Umpan untuk YouTube'.

Selanjutnya, Anda dapat menarik dan melepas blok ke mana pun Anda ingin menampilkan umpan YouTube di halaman Anda.

Add the YouTube feed in FSE

Setelah selesai, jangan lupa klik tombol 'Simpan' untuk menerapkan perubahan.

Berikut adalah pratinjau streaming langsung di situs web demo kami.

FSE preview of YouTube live feed

Kami harap artikel ini membantu Anda mempelajari cara menyematkan streaming langsung YouTube di WordPress. Anda mungkin juga ingin membaca panduan SEO WordPress utama kami atau lihat pilihan teratas kami untuk plugin media sosial terbaik untuk mengembangkan situs Anda.

Jika Anda menyukai artikel ini, silakan berlangganan tutorial video Saluran YouTube kami untuk WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.