Sử dụng Ad Manager để quản lý tệp sáng tạo tùy chỉnh trên Web Stories, một định dạng quảng cáo nguồn mở để kể chuyện bằng hình ảnh. Web Stories có thể chạy trên các nền tảng như Google Tìm kiếm hoặc các sản phẩm do bạn sở hữu và điều hành (O&O).
Web Stories hỗ trợ Quảng cáo câu chuyện trang đơn, tại đó quảng cáo xuất hiện dưới dạng toàn trang ở giữa nội dung Câu chuyện trên web.
Tìm hiểu thêm về Web Stories:
- Quảng cáo trong Web Stories
- Tạo Câu chuyện trên web đầu tiên của bạn
- Các phương pháp hay nhất để tạo Quảng cáo câu chuyện
- Khả năng hỗ trợ quảng cáo trong Web Stories
Bạn cũng có thể kích hoạt nhu cầu có lập trình cho Web Stories.
Định cấu hình Câu chuyện trên web
Bạn không thể sử dụng phần tử <amp-ad>
để hiển thị quảng cáo trang đơn trong Câu chuyện trên web. Thay vào đó, hãy gắn thẻ trang bằng <amp-story-auto-ads>
.
Quản lý tệp sáng tạo tùy chỉnh trong Web Stories
Web Stories giúp nhà xuất bản và nhà quảng cáo sử dụng hình ảnh hoặc video với tệp sáng tạo tùy chỉnh trong Ad Manager.
- Đăng nhập vào Google Ad Manager.
- Tạo tệp sáng tạo tùy chỉnh và chọn AMP làm "Loại mã".
- Nhập mã tệp sáng tạo vào hộp "Mã". Bao gồm các thẻ
<meta>
để chèn nút CTA có chức năng đưa người dùng đến trang đích khi nhấp vào.Các tiện ích mở rộng AMP khác nhưamp-sidebar
hoặcamp-accordion
vẫn có thể hiển thị trong Câu chuyện trên web, nhưng các nút CTA là phần tử có thể nhấp duy nhất.amp-cta-url
: URL trang đích cho nút CTA. Thẻ ký tự liên kết không được hỗ trợ; thay vào đó, hãy chèn giá trị bằng macro nhấp chuột (%%CLICK_URL_UNESC%%
) và macro đích (%%DEST_URL%%
).amp-cta-type
: Loại nút CTA phải được định cấu hình từ tập hợp các lựa chọn đã xác định trước.
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%%%DEST_URL%%"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-img {height:100vh;} amp-img img {object-fit: contain} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <amp-img src=%%FILE:JPG1%% layout="fill" height="1280" width="720"></amp-img> </body> </html>
- Chọn 1x1 làm kích thước đơn vị quảng cáo mục tiêu.
- Định cấu hình chi tiết và nhấp vào Lưu.
Chuyển thuộc tính bổ sung
Để chuyển dữ liệu bổ sung (ví dụ: thông tin nhắm mục tiêu) làm thuộc tính cho thẻ <amp-ad>
đã tạo, hãy đọc tài liệu dành cho nhà phát triển quảng cáo tự động Câu chuyện trên web để tìm hiểu về các cặp giá trị khóa bổ sung cho đối tượng JSON ad-attributes
.