Ngoài quảng cáo hiển thị hình ảnh gốc, Google Ad Manager còn giúp bạn tạo nên trải nghiệm video phong phú trên các nền tảng có video gốc, thông qua quảng cáo cài đặt ứng dụng video, quảng cáo nội dung video hoặc những định dạng tuỳ chỉnh. Bạn có thể chạy định dạng quảng cáo dạng video hoặc định dạng quảng cáo hiển thị trong một vị trí quảng cáo gốc.
Hành vi của quảng cáo video gốc
Quảng cáo video gốc trong Ad Manager có nhiều tuỳ chọn tạo kiểu gốc đầy đủ, bao gồm cả tạo kích thước linh hoạt, cho yêu cầu trên máy tính, web dành cho thiết bị di động và ứng dụng dành cho thiết bị di động. Quảng cáo gốc dạng video hiển thị với hành vi sau:
|
Phát lại video |
|
|---|---|
|
Âm thanh |
|
Phạm vi hỗ trợ và hạn chế của tính năng
Quảng cáo dạng video gốc được hỗ trợ cho các vị trí trên web và ứng dụng, tất cả các mục đặt trước, giao dịch trực tiếp và hỗ trợ có lập trình gián tiếp. Sau đây là chi tiết kỹ thuật của quảng cáo dạng video gốc:
| Hiển thị | Kiểu gốc hoặc hình thức hiển thị tùy chỉnh đối với ứng dụng dành cho thiết bị di động |
| Bên lưu trữ video |
VAST được lưu trữ trên Ad Manager hoặc VAST của bên thứ ba Đối với VAST do Ad Manager lưu trữ, bạn có thể chọn tải thành phần video lên hoặc cung cấp URL nguồn thành phần để sử dụng làm mẫu quảng cáo. Thành phần phải có định dạng được hỗ trợ mà Ad Manager sẽ tự động chỉ định là tệp mezzanine, dùng để chuyển mã thành tất cả các định dạng và kích thước có sẵn. |
| Kích thước tối đa của video được lưu trữ | 512 MB* |
| Theo dõi lần hiển thị | Số lượt hiển thị quảng cáo video gốc được tính sau khi trình phát bắt đầu phát quảng cáo, theo các tiêu chuẩn ngành áp dụng cho video. Với tính năng hiển thị tùy chỉnh các mẫu quảng cáo gốc tùy chỉnh trên ứng dụng dành cho thiết bị di động, ứng dụng của bạn phải gọi phương thức recordImpression. |
| Trình phát sử dụng |
|
| SDK bắt buộc (cho ứng dụng dành cho thiết bị di động) |
Kiểu gốc
Hiển thị tùy chỉnh
|
* Các mạng không có tài khoản Ad Manager 360 được phép sử dụng tối đa 30 MB để lưu trữ video.
Các hạn chế
- Video VPAID không tương thích với video gốc.
- Tính năng Creative Preview hiện không hỗ trợ video gốc
- Quảng cáo dạng video gốc tuỳ chỉnh được hỗ trợ cho mẫu quảng cáo do nhà xuất bản quản lý trong giao dịch Đảm bảo có lập trình. Quảng cáo này không được hỗ trợ cho mẫu quảng cáo do nhà quảng cáo cung cấp trong Giao dịch ưu tiên. Xem nội dung hỗ trợ loại mẫu quảng cáo cho tính năng Trực tiếp có lập trình.
- Hiện chúng tôi chỉ hỗ trợ vị trí trong biểu ngữ và trong nguồn cấp dữ liệu, chứ chưa hỗ trợ quảng cáo xen kẽ
Tất cả nội dung mà bạn cung cấp để Google sử dụng phải tuân theo điều khoản dịch vụ.
Yêu cầu video gốc thông qua SDK
Bạn có thể gọi quảng cáo dạng video gốc cho ứng dụng bằng mã quảng cáo biểu ngữ hiển thị chuẩn.
Bạn phải sử dụng thành phần MediaView thay vì thành phần ImageView nếu muốn đưa thành phần hình ảnh chính vào bố cục cho quảng cáo gốc. Bạn có thể xem cách triển khai và những tính năng tuỳ chỉnh hiện có trong phần hướng dẫn cho nhà phát triển.
Yêu cầu về HTML và CSS
Khi bạn thiết lập kiểu cho quảng cáo video gốc, trình phát video phải được đặt bên trong một phần tử HTML (một div có macro #%NATIVE_VIDEO_WRAPPER%# kích hoạt trình phát) để duy trì tỷ lệ khung hình của trình phát và tìm cách chiếm càng nhiều không gian trong phần tử càng tốt. Vì thế, bạn cần nhớ ba điểm quan trọng khi tạo kiểu định dạng video gốc.
1. Xác định rõ ràng kích thước của div chứa trình bao bọc video gốc
Kích thước của div chứa macro #%NATIVE_VIDEO_WRAPPER%# phải được chỉ định đầy đủ với CSS, ở đơn vị phần trăm hoặc pixel.
.host-div { width: 300px; height: 200px; }
2. Chú ý đến tỷ lệ video và vùng chứa div để tránh khoảng đệm
Nếu tỷ lệ vùng chứa div khác với tỷ lệ của trình phát video, thì khoảng đệm sẽ xuất hiện xung quanh video. Màu của khoảng đệm là trong suốt (ứng dụng di động) hoặc màu đen (web dành cho thiết bị di động và máy tính). Ví dụ minh hoạ một vùng chứa div có tỉ lệ chiều rộng : chiều cao lớn hơn so với video.
Để tạo vùng chứa |
Ví dụ: tỷ lệ div lớn hơn video |
<div class="video-ratio-wrapper"> <div class="video"> #%NATIVE_VIDEO_WRAPPER%# </div> </div>
.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. Hiểu cách thức các phần tử HTML chồng lên trình phát video
Trình phát video được triển khai trong ứng dụng dành cho thiết bị di động luôn hiển thị bên dưới các phần tử HTML khác. Hành vi này là có chủ định và cho phép các phần tử, như dòng tiêu đề, chồng lên video.
Việc đặt chỉ mục z trên vùng chứa div không ảnh hưởng đến hành vi này và việc đặt màu nền cho vùng chứa div sẽ khiến div bao phủ toàn bộ trình phát video.
Mọi phần tử div bao bọc video đều phải trong suốt. Nếu vùng chứa div chứa nền không trong suốt thì vùng chứa này sẽ chồng lên video.
SDK cung cấp một phương thức để kiểm soát màu sắc của bất kỳ khoảng đệm nào xung quanh video, đồng thời đảm bảo rằng vùng chứa div vẫn trong suốt. Để thực hiện việc này, hãy đặt background-color trên phần tử nội dung trong CSS. SDK sẽ sử dụng giá trị này làm màu sắc cho mọi khoảng đệm xung quanh video.
body { background-color: aliceblue; }