Tahukah Anda bahwa video Facebook menghasilkan lebih dari 8 miliar tampilan halaman setiap hari? Dan 8 miliar itu dua kali lipat jumlah itu tahun lalu? Tapi bagaimana Anda menambahkan video Facebook ke WordPress?

Penghargaan untuk kesuksesan besar ini dapat dikaitkan dengan pemutaran video otomatis dan metodologi jumlah penayangan yang menguntungkan, faktanya video Facebook adalah pemain utama dalam konsumsi video saat ini.

Tutorial ini akan memungkinkan Anda untuk menggunakan video Facebook dengan mengintegrasikannya ke dalam artikel dan halaman WordPress Anda. Saya akan menunjukkan kepada Anda bagaimana Anda dapat dengan mudah menyematkan video Facebook melalui editor WordPress. Selain itu, saya akan memberi Anda informasi tentang bagaimana Anda dapat mengubah detail tampilan video tertentu untuk mengaktifkan putar otomatis misalnya.

Dan akhirnya, jika Anda tidak ingin tangan Anda kotor dengan metode pertama, saya juga akan menunjukkan kepada Anda metode termudah untuk menanamkan video melalui iframe.

Tapi sebelumnya, mari kita temukan bersama Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda.

Lalu, kembali ke alasan kita ada di sini.

Keunggulan Integrasi Video Facebook

Meskipun YouTube kemungkinan akan tetap menjadi raja video di masa mendatang, saya melihat beberapa manfaat untuk mengintegrasikan video Facebook. Misalnya, Anda dapat ...

  • Nikmati Streaming Langsung - Anda mungkin telah melihat fitur streaming langsung baru yang populer yang diluncurkan Facebook baru-baru ini. Saat Anda menyematkan video dengan metode ini, Anda juga dapat menyematkan streaming langsung Facebook di situs WordPress Anda.
  • Promosi silang dari halaman Facebook Anda - Integrasi video Facebook menyediakan metode lain untuk mempromosikan halaman Facebook Anda di situs web Anda. Bahkan jika Anda sudah memasukkan " "Like" Atau berbagi, menyematkan video langsung dari Facebook memberikan koneksi lain. Tentu saja, jika Anda mencoba untuk mempromosikan saluran YouTube, Anda harus memilih di mana prioritas Anda.
  • Atur konten video dari halaman Facebook lainnya - Jika Anda melihat video di Facebook yang ingin Anda sertakan dalam kiriman atau halaman, maka embedding adalah satu-satunya pilihan kecuali Anda ingin langsung membuka halaman Facebook.

Bagaimana mengintegrasikan "Video Facebook" Dengan JavaScript SDK

Proses penyiapan "video Facebook" ini cukup mudah. Tapi, itu tidak perlu menambahkan potongan kecil kode ke tema Anda atau ke plugin yang telah Anda rancang. Cuplikan kode ini diperlukan karena memungkinkan Anda melakukan hal-hal bagus seperti menambahkan putar otomatis ke video tersemat Anda.

Berikut adalah 10 plugin WordPress terbaik untuk digunakan untuk mengelola iklan

Jadi, untuk memulai, Anda perlu menambahkan Facebook JavaScript SDK ke header tema Anda. Ini pada dasarnya adalah nama yang bagus untuk bagian kode ini:

(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

Bagi yang menggunakan Tema WordPress tanpa opsi injeksi konten, Anda perlu mengakses file header.php tema Anda dan menambahkan tepat setelah tag kode berikut:

add-kode-of-the-header-dun-tema

Idealnya, Anda harus menggunakan tema anak dan tambahkan potongan ini ke header.php tema anak Anda daripada orang tua. 

Bagaimana cara mengintegrasikan video Facebook di WordPress? Cari tahu juga dengan mengklik tautan ini

Setelah menambahkan kode ini sekali, Anda selesai dengannya. Anda dapat menyematkan video di mana pun Anda inginkan menggunakan kode semat standar.

Bagaimana cara mengintegrasikan Video Facebook

Untuk membuat bit kode kedua ini, Anda harus menemukan URL sebenarnya ke video yang ingin Anda bagikan, lalu tambahkan url ini ke cuplikan ini:

Anda juga dapat mengubah lebar video dalam piksel dengan mengubah opsi "lebar data" ke angka lain.

Baca juga tutorial kami di Bagaimana mengoptimalkan database dengan mengklik WordPress

Ada beberapa cara untuk mendapatkan URL ini. Jika Anda mencari artikel video di feed halaman Anda, Anda cukup mengklik kanan pada stempel waktu dan menyalin url:

integrasi-to-video-facebook

Jika Anda mencari tautan dalam mode layar penuh, Anda dapat menemukan URL dengan cara yang sama:

memulihkan-the-link-gundukan-video-in-full-screen

Untuk memberi Anda contoh kehidupan nyata, inilah tampilan kode sematan setelah menambahkan URL. Kami akan mengatur lebar video menjadi 550px:

Cukup tempel kode ini di tab teks editor WordPress untuk menyematkan video. Anda juga dapat menambahkan kode ini ke sidebar Anda atau di tempat lain yang mendukung kode ini:

add-kode-of-editor-visual de wordpress

Setelah Anda mempublikasikan artikel, Anda akan melihat video yang disematkan:

ikhtisar-gundukan-video terintegrasi--dari-facebook-on-wordpress

Cara mengaktifkan pembacaan otomatis

Salah satu keuntungan besar mengintegrasikan video Facebook dengan cara ini adalah kemampuan untuk mengaktifkan putar otomatis "Putar Otomatis" (meredam) Serta di Facebook.

Lihat juga artikel kami di berbagi sosial 15 Plugin WordPress terbaik

Jika Anda ingin menambahkan putar otomatis pada video Facebook, Anda hanya perlu menambahkan atribut ke kode sematan Anda.

Berikut atribut yang perlu Anda tambahkan:

Data-autoplay = "true"

Dalam kode tertanam lengkap, akan terlihat seperti ini:

<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>

Setelah Anda membuat perubahan ini, video Anda akan diputar secara otomatis pada halaman atau postingan yang dipermasalahkan.

Bagaimana cara mengintegrasikan video Facebook dengan iFrames

Jika Anda tidak ingin memutar otak, Facebook juga telah menambahkan integrasi "iframe". Fungsi ini kurang lebih sama dengan di YouTube. Hanya Anda yang harus menyadari bahwa Anda tidak akan dapat mengaktifkan putar otomatis di Facebook.

Temukan kami 10 plugin WordPress untuk meningkatkan promosi produk Anda

Jadi, meskipun lebih mudah menambahkan video dengan cara ini, metode ini tidak menawarkan banyak fitur seperti yang di atas.

Untuk menemukan kode sematan, Anda harus terlebih dahulu mengklik panah kecil di pojok kanan atas posting video:

menambahkan video Facebook ke WordPress

Kemudian pilih opsi " integrasi "Atau" menanamkan '(facebook saya dalam bahasa Inggris).

Jendela baru akan terbuka untuk memungkinkan Anda menyalin kode pemutar yang akan menawarkan video.

Kode-facebook terpadu

Cukup salin kode ini dan tempelkan ke tab teks editor WordPress:

pasta kode--terintegral-on-facebook

Saat Anda mempublikasikan video, Anda harus melihatnya dengan cara yang persis sama seperti pada contoh sebelumnya.

Juga temukan beberapa plugin WordPress premium tambahan 

Anda dapat menggunakan plugin lain untuk menampilkan hitung mundur di blog WordPress Anda. Berikut ini, saya mengusulkan beberapa dari mereka.

1. Bagikan, Cetak, dan Produk PDF untuk WooCommerce

Ce WordPress Plugin tidak hanya akan membantu Anda untuk menawarkan pengunjung Anda kemungkinan melihat PDF apa pun yang tersedia untuk mereka secara langsung di situs web Anda, tetapi juga akan membantu mereka untuk membagikannya dengan mudah.

Katalog produk pdf untuk woocommerce

Ini memberi Anda banyak fitur seperti mencetak, mengunduh, memperbesar, berbagi, dan banyak lagi. Ini adalah sebuah WordPress Plugin yang tata letaknya benar-benar responsif, untuk memungkinkan setiap pengguna mengaksesnya di perangkat seluler mereka tanpa terlalu banyak kendala.

Baca juga Plugin 8 WordPress untuk menampilkan ikon berbagi di blog Anda

Ini juga menawarkan banyak opsi penyesuaian untuk menyesuaikannya dengan tema WordPress Anda. Ini akan memberi Anda kesempatan untuk ubah warna, untuk menggunakan kualitas gambar Retina, dll.

Download | Demo | Hébergement Web

2. Octaboo

Octabook adalah WordPress Plugin sangat mudah untuk menggunakan alat Pemesanan Janji Temu premium dan instan untuk hampir semua jenis layanan dan penyedia layanan yang ingin ditawarkan Pemesanan online dari sebuah situs web.

Octabook

Ini menawarkan beberapa fitur, termasuk: dukungan untuk beberapa lokalisasi, konfigurasi layanan, harga dinamis, pemberitahuan, dll., dukungan untuk bidang yang dapat disesuaikan untuk formulir, penyesuaian tampilan, dukungan untuk Kalender Google, dasbor intuitif, ekspor data ke format csv, dan banyak lagi.

Download | Demo | Hébergement Web

3. Plugin YouTube

Siapkan situs web Anda dengan cara terbaik untuk streaming video YouTube. Yottie - nama kecilnya - adalah plugin WordPress yang kuat yang didedikasikan untuk pengelolaan dan integrasi video YouTube di situs web atau blog Anda. 

Plugin Youtube - galeri youtube wordpress

Ini memungkinkan Anda untuk memilih saluran yang diinginkan dan bahkan video unik untuk membuat daftar putar Anda sendiri langsung di blog Anda. Ini memiliki lebih dari parameter yang dapat disesuaikan 100, palet warna 4, dan mendukung hampir semua bahasa 16. Singkatnya, Anda akan memiliki banyak hal untuk disesuaikan.

Temukan Cara mendaftar dan mengoptimalkan gambar dari blog WordPress Anda

Galeri video WordPress yang didedikasikan untuk YouTube ini sepenuhnya responsif sehingga Anda dapat menjangkau pemirsa yang luas dengan segala jenis perangkat navigasi.

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Disini adalah ! Itu saja untuk tutorial ini. Semoga ikhtisar ini membantu Anda memahami cara menyematkan video Facebook di WordPress. Jika Anda memiliki pertanyaan, jangan ragu untuk bertanya.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

merasa bebas untuk bagikan artikel ini dengan teman-teman Anda di jejaring sosial favorit Anda. Namun, sementara itu, beri tahu kami tentang file komentar dan saran di bagian khusus.

...