Hiển thị quảng cáo có tặng thưởng

Ví dụ này minh hoạ cách sử dụng thư viện Thẻ nhà xuất bản của Google (GPT) để yêu cầu và hiển thị quảng cáo có tặng thưởng. Định dạng quảng cáo có tặng thưởng cho phép người dùng ứng dụng và web nhận phần thưởng khi xem quảng cáo. Tìm hiểu thêm về quảng cáo có tặng thưởng trong Trung tâm trợ giúp của Google Ad Manager.

Bạn có thể sử dụng các sự kiện GPT sau đây để hiển thị và tương tác với quảng cáo có tặng thưởng:

Sự kiện Được kích hoạt khi...
RewardedSlotClosedEvent Vị trí quảng cáo có tặng thưởng đã đóng.
RewardedSlotGrantedEvent Phần thưởng đã được cấp cho việc xem quảng cáo.
RewardedSlotReadyEvent Vị trí quảng cáo có tặng thưởng đã sẵn sàng để hiển thị.

Đối với mục đích của ví dụ này, một hộp thoại phương thức đơn giản được dùng để nhắc người dùng xem quảng cáo có tặng thưởng và hiển thị phần thưởng khi hoàn tất. Trong thực tế, nhà xuất bản có trách nhiệm triển khai giao diện riêng để hoàn thành các nhiệm vụ này.

Lưu ý về cách sử dụng

  • Để đảm bảo trải nghiệm người dùng tối ưu, quảng cáo có tặng thưởng chỉ được yêu cầu trên những trang hỗ trợ định dạng chính xác. Do đó, defineOutOfPageSlot() có thể trả về null; bạn nên kiểm tra trường hợp này để đảm bảo không thực hiện bất kỳ công việc nào không cần thiết. Hiện tại, quảng cáo có tặng thưởng chỉ được hỗ trợ trên các trang được tối ưu hoá cho thiết bị di động có chế độ thu phóng trung tính. Thông thường, điều này có nghĩa là nhà xuất bản có <meta name="viewport" content="width=device-width, initial-scale=1"> hoặc tương tự trong <head> của trang.

  • Quảng cáo có tặng thưởng tạo ra vị trí quảng cáo riêng. Không giống như các loại quảng cáo khác, bạn không cần phải xác định <div> cho quảng cáo có tặng thưởng. Quảng cáo có tặng thưởng sẽ tự động tạo và chèn vùng chứa riêng vào trang khi quảng cáo được lấp đầy.

Triển khai mẫu

Xem bản minh hoạ

JavaScript

Đang tải...

TypeScript

Đang tải...