Hiển thị quảng cáo cố định cuối màn hình

Ví dụ này hiển thị quảng cáo cố định cuối màn hình bằng cách sử dụng thư viện Thẻ nhà xuất bản của Google (GPT). Hãy tìm hiểu thêm về quảng cáo cố định cuối màn hình trong trung tâm trợ giúp Google Ad Manager.

Xem trước quảng cáo cố định cuối màn hình

Bạn có thể hiển thị quảng cáo cố định cuối màn hình minh hoạ trên bất kỳ trang nào hiển thị quảng cáo có GPT bằng cách thêm #gamTopAnchorDemo hoặc #gamBottomAnchorDemo vào URL. Ví dụ: https://www.example.com/#gamTopAnchorDemo

Bạn có thể sử dụng chức năng này để xem trước quảng cáo cố định cuối màn hình trên trang web của mình mà không cần thay đổi mã. Điều này đặc biệt hữu ích khi cần xác thực giao diện và hoạt động của các neo này một cách nhanh chóng trên nhiều thiết bị và môi trường hoạt động.

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

  • Để đảm bảo trải nghiệm người dùng tối ưu, bạn chỉ nên yêu cầu quảng cáo cố định trên các trang hỗ trợ định dạng này đúng cách. Do đó, defineOutOfPageSlot() có thể trả về giá trị rỗng; bạn nên kiểm tra trường hợp này để đảm bảo bạn không làm những việc không cần thiết. Hiện tại, chúng tôi hỗ trợ quảng cáo cố định nếu đáp ứng các điều kiện sau:

    • GPT đang chạy trong cửa sổ trên cùng.
    • Trên một trang được tối ưu hoá cho thiết bị di động có mức thu phóng trung bình; 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.
    • Khung nhìn theo hướng dọc có chiều rộng trong khoảng từ 320px đến 1000px.

  • Chỉ yêu cầu quảng cáo cố định cuối màn hình trên các trang/môi trường mà bạn muốn quảng cáo cố định xuất hiện. Quảng cáo cố định cuối màn hình đủ điều kiện để phân phát đến máy tính, máy tính bảng và thiết bị di động.

  • Quảng cáo cố định cuối màn hình tạo vùng chứa 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 xác định <div> cho quảng cáo cố định cuối màn hình. Quảng cáo cố định 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. Các vùng chứa này có thể chồng chéo hoặc che khuất các phần tử khác bằng cách sử dụng vị trí tuyệt đối hoặc cố định. Vì vậy, bạn nên tránh đặt các phần tử như vậy ở khu vực mà thẻ neo sẽ xuất hiện.

  • Nếu bạn sử dụng cấu trúc yêu cầu duy nhất (SRA) trên một trang có nhiều vùng quảng cáo, đừng gọi display() cho đến khi các div vùng quảng cáo tĩnh được tạo. Như giải thích trong Các phương pháp hay nhất về quảng cáo, lệnh gọi đầu tiên tới display() yêu cầu mọi vùng quảng cáo được xác định trước điểm đó. Mặc dù vùng quảng cáo cố định không yêu cầu <div> được xác định trước, nhưng vùng quảng cáo tĩnh thì có. Việc gọi display() trước khi các phần tử này hiển thị trên trang có thể dẫn đến các tín hiệu có chất lượng thấp hơn, làm giảm khả năng kiếm tiền. Do đó, bạn nên trì hoãn lệnh gọi ban đầu cho đến khi xác định được các khe tĩnh.

  • Chỉ có thể làm mới quảng cáo cố định cuối màn hình hiển thị. Khi một vùng quảng cáo cố định bị thu gọn hoặc chưa được cuộn vào khung hiển thị, tất cả lệnh gọi đến refresh() sẽ bị bỏ qua. Tuy nhiên, nếu bạn đang sử dụng disableInitialLoad() để kiểm soát việc tải và làm mới quảng cáo theo cách thủ công, thì lệnh gọi đầu tiên đến refresh() sẽ kích hoạt một yêu cầu quảng cáo bất kể chế độ hiển thị vùng quảng cáo là gì.

Phương thức triển khai mẫu

Xem bản minh hoạ