Bài viết này chỉ dành cho sản phẩm Google Ad Manager. Không áp dụng cho các sản phẩm khác của Google. Bạn cũng có thể xem lại các yêu cầu về HTML5 của Studio hoặc các yêu cầu của Google Web Designer về HTML5.
Bài viết này đưa ra những nguyên tắc để tạo và tải gói ZIP mẫu quảng cáo HTML5 lên Google Ad Manager.
Bạn cần áp dụng những nguyên tắc này cho mọi trình duyệt hỗ trợ HTML5. Một số mẫu quảng cáo có thể không hoạt động như mong đợi. Hãy thử nghiệm mã HTML5 trước khi triển khai.
Xác nhận gói của bạn tương thích với SSL
Quảng cáo HTML5 phải tương thích với SSL để phân phát đến các trang web HTTPS.
Chọn môi trường chính xác cho Google Web Designer
Nếu bạn đã sử dụng Google Web Designer để tạo mẫu quảng cáo HTML5, hãy chọn môi trường Display & Video 360.
Xác định kích thước
- Sử dụng thẻ meta
sizeđể xác định các kích thước cần dùng để hiển thị mẫu quảng cáo:<meta name="ad.size" content="width=[x],height=[y]">. Mẫu quảng cáo HTML5 chỉ có thể có kích thước cố định. Ví dụ:300x250,400x400,728x90. Hệ thống không hỗ trợ kích thước động nhưLinh hoạt.Ví dụ:
<meta name="ad.size" content="width=300,height=250"> - Đối với tệp mẫu quảng cáo HTML trong gói Google Web Designer, thuộc tính
minWidthvàminHeightcủa thông sốcreativePropertiesphải khác không.Ví dụ:
Mã sau đây dẫn đến lỗi:
"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
Đặt thẻ nhấp chuột và URL của trang đích khi nhấp
Điểm thoát là bất kỳ khu vực nào có thể nhấp vào mà sẽ chuyển hướng trình duyệt đến một trang đích. Thẻ nhấp chuột xác định URL của trang đích khi nhấp cho mỗi điểm thoát trên mẫu quảng cáo HTML5 của bạn.
Khi người dùng nhấp vào một điểm thoát, mẫu quảng cáo sẽ gọi Ad Manager để lấy URL của trang đích khi nhấp được liên kết.
- Bạn có thể đặt điểm thoát URL trong mẫu quảng cáo hoặc quảng cáo của mình, tùy thuộc vào nhu cầu của bạn và loại mẫu quảng cáo. Nếu bạn đặt thẻ nhấp chuột trong cả mẫu quảng cáo và quảng cáo, thì chế độ cài đặt cấp độ quảng cáo sẽ được ưu tiên.
Ad Manager phát hiện thẻ nhấp chuột khi bạn tải thành phần lên. Lúc nào bạn cũng có thể thay đổi URL của trang đích khi nhấp do một thẻ nhấp chuột nào đó sử dụng, ngay cả sau khi xuất thẻ.
- Hãy chèn thẻ nhấp chuột vào phần
<head>của tài liệu HTML của bạn.Ví dụ:<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
- Hãy sử dụng biến
clickTaglàm đích đến trong mẫu quảng cáo.Ví dụ:<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - Giúp máy chủ quảng cáo đọc thẻ nhấp chuột dễ dàng hơn. Thẻ nhấp chuột không được rút gọn hoặc làm rối mã nguồn. Bạn có thể sử dụng trình thu nhỏ trong phần còn lại của mã và các tệp khác của mình.
- Hãy tránh các URL của trang đích khi nhấp được mã hóa cứng. Các URL được mã hóa cứng ngăn Ad Manager theo dõi lượt nhấp và ngăn người quản trị quảng cáo cập nhật URL. Ad Manager sẽ cảnh báo nếu bạn có các URL mã hoá cứng trong mã HTML5 khi tải gói đó lên.
