Video di Situs
Konten video — adalah masa depan. Ini adalah cara yang efektif untuk mempromosikan produk dan layanan, serta sumber lalu lintas yang kuat ke situs. Manfaatkan semua keuntungan format video untuk memperluas audiens, meningkatkan kepercayaan, dan meningkatkan penjualan.
Pertama-tama, mari kita bahas mengapa video di situs itu penting. Saat ini, dengan perkembangan teknologi, banyak orang lebih suka menonton dan mendengar daripada membaca. Baik atau buruk bukanlah urusan kita, tetapi menempatkan video di situs akan menjadi keuntungan bagi Anda. Anda bisa membuat pesan video untuk pengunjung situs, menceritakan dan menunjukkan produk Anda, mengadakan pelajaran video atau berbagai demonstrasi, serta menempatkan video yang terkait dengan tema situs Anda.
Pemasaran video berkualitas — bukan sekadar video tentang bisnis. Ini adalah strategi komprehensif yang menyelesaikan tugas-tugas berikut:
- Menunjukkan produk, menciptakan etalase visual dengan deskripsi «hidup».
- Meningkatkan loyalitas pelanggan melalui efek kedekatan — perwakilan perusahaan yang dikenal melalui video terlihat «akrab», bukan orang asing tanpa wajah.
- Mengenalkan audiens secara dekat dengan proses produksi — produk menjadi familiar dan mudah dimengerti, bukan «kucing dalam karung».
- Instruksi video menarik perhatian tidak hanya pada produk, tetapi juga pada produsen: seseorang lebih cenderung menghubungi mereka yang memberikan informasi berguna daripada penjual yang tidak dikenal.
- Menciptakan citra positif perusahaan dengan menunjukkan sisi kuatnya (video iklan perusahaan memungkinkan menampilkan perusahaan dengan cara yang menguntungkan «secara nyata» — ini akan membangun lebih banyak kepercayaan daripada teks dengan konten serupa).
- Video informasi dan iklan populer bahkan bagi mereka yang tidak berniat membeli apa pun (tetapi mereka akan berterima kasih kepada merek atas konten menarik dan mengingatnya secara positif).
Saat ini, pengguna tidak hanya ingin membaca teks, tetapi juga melihat berbagai elemen grafis, berbagai fitur interaktif, dan menonton video langsung di situs. Dalam banyak kasus, ini menciptakan kenyamanan tambahan bagi pengguna (misalnya ketika dia bisa menonton video instruksi) atau sekadar membuat pengalaman di situs lebih menyenangkan.
Bagaimanapun, baik itu video pembelajaran atau instruksi, video demonstrasi produk, atau video hiburan untuk mengisi waktu pengguna, suatu saat akan muncul kebutuhan untuk menempatkan video ini di halaman web.
Ada beberapa cara untuk melakukannya. Hari ini kita akan membahas 4 cara berbeda yang akan membantu Anda menyelesaikan tugas ini.
Cara pertama yang akan kita bahas adalah menyisipkan video dari layanan hosting video (Youtube, RuTube, Vimeo).
Youtube adalah layanan yang paling aman. Kekurangannya: tidak bisa mengunggah video lebih dari 15 menit, iklan sebelum video (jika video Anda populer).
RuTube berguna jika Anda perlu menempatkan video panjang. Kekurangannya: kualitas buruk setelah diunggah, pemutar tidak menarik, dan iklan sebelum video.
Vimeo kurang populer di Rusia, tetapi layanan ini sangat nyaman dan mudah digunakan. Tidak ada iklan, keamanan dijaga ketat. Namun ada kekurangan penting: proses unggah video sangat lambat, dalam dua tahap, dan kedua tahap bisa memakan waktu hingga 3 jam.
Cara kedua – menyisipkan video menggunakan skrip pemutar. Pertama, unduh file pemutar dan tempatkan di folder yang sama dengan file video. Kemudian sambungkan skrip pemutar dan tulis kode untuk disisipkan ke situs. Kekurangan cara ini adalah penggunaan ruang di hosting, karena file harus diunggah secara penuh dan beban meningkat saat banyak pengunjung menonton video secara bersamaan.
Cara ketiga – menyisipkan melalui kode HTML. Menambahkan konten video ke halaman web dilakukan menggunakan elemen «video». File video harus disimpan di server Anda, dengan jalur yang ditulis di dokumen HTML. Kekurangannya: pada perangkat lama kode mungkin tidak berjalan dengan baik. Anda harus mengonversi file dan mengubah kode. Ada juga masalah pada browser lama yang tidak mengenal tag HTML5. Jika browser tidak mengenal suatu tag, ia akan mengabaikannya, tetapi tidak mengabaikan konten di dalam elemen yang tidak dikenal.
Cara keempat – menggunakan layanan pihak ketiga. Di QForm, ada kemungkinan menambahkan video menggunakan widget video. Anda hanya perlu mengatur file sesuai keinginan (tampilan, waktu mulai, sistem analitik, tombol CTA). Kemudian kode untuk penyisipan akan dibuat dan bisa ditempatkan di halaman.
Mari kita bahas setiap cara secara lebih rinci
Menyisipkan melalui hosting video
Setelah mengunggah video ke layanan hosting video, Anda bisa mendapatkan kode HTML untuk menempatkan video di situs. Misalnya, mendapatkan kode HTML video di YouTube terlihat seperti ini:
Menyisipkan menggunakan pemutar
Saat ini ada banyak pemutar gratis yang memungkinkan video ditampilkan di situs. Mari kita gunakan Flowplayer. Ini adalah pemutar video web gratis yang dikembangkan khusus untuk pemilik situs.
Pertama, sambungkan skrip di head.
<script type="text/javascript" src="flowplay/flowplayer-3.2.2.min.js"></script>Sekarang, di bagian body file, tempatkan pemutar dengan file video. Saya akan menempatkannya tepat di bawah judul yang sesuai, sebelumnya memasukkannya ke dalam tag div, yang akan saya ratakan di tengah.
<div align="center">
<a href="video/mult.mp4" style="display: block; width: 560px; height: 315px;" id="player"></a>
<script type="text/javascript">
flowplayer("player", "http://website-anda/path/to/file/flowplay/flowplayer-3.2.2.swf",
{
clip: {
autoPlay: false,
autoBuffering: true
}
});
</script>
</div>Di sini juga diatur supaya video tidak diputar otomatis, tetapi tetap bisa dimuat. Jika Anda ingin video diputar otomatis, setelah jalur ke file «flowplayer-3.2.2.swf», hapus koma, tutup kurung, dan tambahkan «;» (tanpa tanda kutip), lalu hapus semua yang ada setelahnya hingga penutup tag «/script».
Menyisipkan video di HTML5
Gunakan tag video, yang memungkinkan menyediakan video dalam beberapa format jika format utama tidak didukung browser pengguna.
<video width="400" height="300" controls="controls">
<source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>
/*Tag video tidak didukung browser Anda. */
<a href="video/duel.mp4">Unduh video</a>.
</video>Dalam tag video, atribut controls menampilkan kontrol pemutar.
Atribut width dan height menentukan lebar dan tinggi area pemutaran video.
Dalam tag source, atribut src menentukan jalur file video.
Setiap elemen source memiliki atribut type untuk menentukan tipe MIME dan codec agar video bisa diputar di semua browser.
Mari kita bahas format yang disebutkan:
- ogg (.ogv, .ogx) – bekerja di Firefox, Chrome, dan Opera. Tipe MIME: video/og;
- webm – bekerja di Firefox, Chrome, Opera, dan Adobe Flash Player;
- Tipe MIME: video/webm;
- mpreg4 (mp4) – bekerja di Safari dan Chrome. Tipe MIME: video/mp4.
Kami juga menyertakan link untuk mengunduh video jika tidak didukung browser, dengan jalur file di atribut href tag <a>.
Menggunakan Widget Video di QForm
Untuk bekerja dengan widget video, pertama-tama tambahkan situs di layanan.
Lalu klik tombol «Atur» di samping situs
Buka tab «Widget Video» dan klik «Tambahkan Widget»
- Seret file ke bidang unggah atau klik untuk membuka jendela pemilihan file di PC. Saat ini hanya mendukung video format MP4 dengan durasi maksimal 1 menit.
- Tentukan nama video, yang akan muncul di daftar widget yang dibuat.
- Deskripsi widget – opsional, berguna jika ada video dengan nama serupa untuk membedakannya.
- Pilih salah satu jenis tampilan widget di situs:
- Di badan halaman memungkinkan menempatkan video di mana saja pada halaman situs dengan orientasi vertikal atau horizontal. Cocok untuk mempromosikan produk dengan menempatkan video di tengah deskripsi.
- Vertikal atau bulat dalam miniatur. Cocok untuk video karyawan tentang perusahaan atau testimoni pelanggan.
Selanjutnya, jika perlu, atur parameter pemutaran video, tambahkan tombol CTA dan tetapkan kondisinya, aktifkan tujuan untuk sistem analitik.
Setelah semua pengaturan selesai, klik tombol «Tambahkan».
Widget yang dibuat akan muncul di daftar. Klik tombol «Kode Widget», salin kode yang dihasilkan, dan tempelkan di dalam tag <body> di situs.
Akhirnya, video akan ditampilkan di situs sesuai tampilan yang dipilih.
Di badan halaman
Dalam Miniatur
