Dukungan fitur dan perilaku iklan video native

Selain iklan Display native, Google Ad Manager memungkinkan Anda membuat pengalaman video yang beragam di seluruh platform dengan video native melalui iklan instal aplikasi video, iklan konten video, atau format kustom. Anda dapat menjalankan format display atau video dalam satu slot iklan native.

Perilaku iklan video native

Iklan video native untuk Ad Manager memungkinkan Anda memilih opsi gaya native yang lengkap, termasuk ukuran yang dapat disesuaikan untuk permintaan desktop, web seluler, dan aplikasi seluler. Iklan video native ditampilkan dengan perilaku berikut:

Pemutaran video

Video akan otomatis diputar jika tidak dibatasi oleh browser. Jika browser tidak mengizinkan putar otomatis, gambar poster akan ditampilkan, dan mengharuskan pengguna mengklik untuk memutar video. Sebagian browser juga dapat memiliki perilaku yang berbeda jika video yang diputar tidak dilihat oleh pengguna (misalnya, jika pengguna beralih ke tab lain). Hal ini dapat menyebabkan perbedaan kecil pada Tampilan Aktif dan penyelesaian video. Video secara otomatis dijeda saat lebih dari 50% tidak terlihat dan dilanjutkan saat 50% terlihat. Namun, pemutaran video tidak dijeda secara eksplisit jika tab baru dibuka saat video diputar. Dalam kejadian tersebut, perilaku pemutaran video dapat bervariasi di semua browser. Iklan video native terprogram hanya memenuhi syarat untuk ditayangkan kepada pengguna yang menggunakan koneksi Wi-Fi. Untuk iklan video tidak terprogram, semua traffic memenuhi syarat pemutaran video.

Suara

Putar otomatis dimulai dengan suara nonaktif Pengguna harus mengklik untuk mengaktifkan suara

 

Batasan dan dukungan fitur

Iklan video native didukung untuk penempatan aplikasi dan web, semua reservasi, penawaran langsung, dan dukungan pembelian terprogram tidak langsung. Detail berikut berlaku untuk iklan video native:

Rendering	Gaya native atau rendering kustom untuk aplikasi seluler
Hosting video	VAST pihak ketiga atau yang dihosting Ad Manager Untuk yang dihosting Ad Manager, Anda dapat memilih untuk mengupload aset video atau memberikan URL sumber aset yang akan digunakan sebagai materi iklan. Aset harus berupa format yang didukung yang akan ditetapkan secara otomatis oleh Ad Manager sebagai file mezzanine, yang digunakan untuk melakukan transcoding ke semua format dan ukuran yang tersedia.
Ukuran maksimal video yang dihosting	512 MB*
Pelacakan tayangan	Tayangan iklan video native dihitung setelah pemutar mulai memutar iklan, agar sesuai dengan standar industri untuk video. Untuk rendering kustom aplikasi seluler dari template native kustom, aplikasi Anda harus memanggil metode recordImpression.
Pemutar yang digunakan	Android: Pemutar EXO iOS: Pemutar video Google Web: Pemutar HTML5 yang digabungkan dalam webview
SDK yang diperlukan (untuk aplikasi seluler)	Gaya native Android Google Mobile Ads SDK 9.0 atau yang lebih tinggi iOS versi 7.16.0 atau yang lebih tinggi Rendering kustom Google Mobile Ads SDK 10.2 Android atau yang lebih tinggi iOS versi 7.16.0 atau yang lebih tinggi

* Jaringan tanpa akun Ad Manager 360 diizinkan untuk menampung hingga 30 MB video yang dihosting.

Batasan

• Video VPAID tidak kompatibel dengan video native
• Saat ini, Creative preview tidak mendukung video native
• Iklan video native kustom didukung untuk materi iklan yang dikelola penayang dengan Dijamin Terprogram. Iklan tersebut tidak didukung untuk materi iklan yang diberikan pengiklan dengan Transaksi Pilihan. Lihat dukungan jenis materi iklan untuk Langsung Terprogram.
• Saat ini, hanya penempatan dalam feed atau banner yang tersedia, bukan interstisial

Semua konten yang Anda berikan untuk digunakan oleh Google harus sesuai dengan persyaratan layanan.

Meminta video native melalui SDK

Iklan video native untuk aplikasi dapat dipanggil menggunakan kode iklan banner display standar.

Anda harus menggunakan aset MediaView dan bukan aset ImageView jika ingin menyertakan aset gambar utama dalam tata letak untuk iklan native Anda. Anda dapat melihat penerapan dan penyesuaian yang tersedia di panduan developer.

Persyaratan HTML & CSS

Saat Anda menetapkan gaya untuk iklan video native, pemutar video harus ditempatkan di dalam elemen HTML (div dengan makro #%NATIVE_VIDEO_WRAPPER%# memicu pemutar) untuk mempertahankan rasio lebar tinggi pemutar dan berupaya menempati sebanyak mungkin ruang di dalam elemen. Oleh sebab itu, ada tiga hal penting yang harus diingat saat mengatur gaya format video native.

1. Tentukan secara eksplisit ukuran div yang berisi wrapper video native

Ukuran div yang berisi makro #%NATIVE_VIDEO_WRAPPER%# harus ditentukan sepenuhnya menggunakan CSS, dengan persentase atau piksel.

.host-div {
   width: 300px;
   height: 200px;
}

2. Perhatikan rasio div video dan penampung untuk menghindari padding

Jika rasio dari div penampung berbeda dengan rasio video player, padding akan muncul di sekitar video. Warna padding transparan (aplikasi seluler) atau hitam (web desktop dan seluler). Contoh ini mengilustrasikan penampung div dengan rasio lebar:tinggi yang lebih besar dari video. Untuk membuat penampung div tanpa padding, penampung harus memiliki rasio yang sama dengan video. Jika rasio aspek video diketahui sebelumnya, HTML dan CSS berikut akan berfungsi dengan baik untuk merender div yang sangat sesuai dengan video.

Contoh: rasio div lebih besar dari video

HTML

---

<div class="video-ratio-wrapper">
  <div class="video">
    #%NATIVE_VIDEO_WRAPPER%#
  </div>
</div>

CSS

---

.video-ratio-wrapper {
  position: relative;
  width: 100%;
}

.video-ratio-wrapper:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

3. Pahami cara elemen HTML menumpang tindih video player Anda

Video player yang diterapkan di aplikasi seluler selalu merender di bawah elemen HTML lainnya. Perilaku ini disengaja dan diizinkan bagi elemen, seperti judul, untuk menempatkan video Anda.

Menetapkan z-index pada penampung div tidak berpengaruh pada perilaku ini, dan menetapkan warna background penampung div akan menyebabkan div tersebut menutupi seluruh video player.

Elemen div yang menyertai video Anda harus transparan. Jika penampung div berisi latar belakang yang tidak transparan, penampung tersebut akan tumpang-tindih dengan video Anda.

SDK memberikan cara untuk mengontrol warna padding di sekitar video Anda, sambil memastikan bahwa penampung div tetap transparan Untuk melakukannya, tetapkan background-color pada elemen isi di CSS Anda. SDK menggunakan nilai ini sebagai warna padding di sekitar video.

body {
  background-color: aliceblue;
}