Hiển thị dải quảng cáo dọc cạnh trang

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

Xem trước dải quảng cáo dọc cạnh trang

Bạn có thể hiển thị quảng cáo dải quảng cáo dọc cạnh trang minh hoạ trên bất kỳ trang nào hiển thị quảng cáo bằng GPT, chỉ cần thêm #gamLeftSideRailDemo hoặc #gamRightSideRailDemo vào URL. Ví dụ: https://www.example.com/#gamLeftSideRailDemo.

Bạn có thể dùng tính năng này để xem trước quảng cáo dải quảng cáo cố định dọc cạnh trang 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 để nhanh chóng xác thực giao diện và hành vi của dải điều hướng bên trên các thiết bị và trong các môi trường hoạt động khác nhau.

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 dải bên 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ề giá trị rỗng. Hãy kiểm tra trường hợp này để đảm bảo bạn không thực hiện công việc không cần thiết. Dải quảng cáo dọc cạnh trang được hỗ trợ khi đáp ứng các điều kiện sau:

    • GPT đang chạy trong cửa sổ trên cùng.
    • Kích thước khung nhìn tối thiểu là 1200x650 pixel.

  • Chỉ yêu cầu quảng cáo dọc cạnh trang trên những trang và môi trường mà bạn muốn quảng cáo dọc cạnh trang xuất hiện. Dải quảng cáo dọc cạnh trang đủ điều kiện phân phát cho tất cả thiết bị.

  • Quảng cáo dải quảng cáo dọc cạnh trang tạo vùng chứa quảng cáo riêng. Bạn không cần <div> cho quảng cáo dải quảng cáo dọc cạnh trang. Quảng cáo dải bên 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 đặt càng gần nội dung trang chính càng tốt.

  • Quảng cáo dọc cạnh trang được tối ưu hoá để vừa với không gian có sẵn. Quảng cáo dải bên cần có khoảng trống tối thiểu là 120x500 pixel ở bên trái hoặc bên phải nội dung trang chính để hiển thị. Sau khi hiển thị, nếu trang được đổi kích thước khiến không gian trống giảm xuống dưới mức tối thiểu này, thì vị trí sẽ tạm thời bị ẩn cho đến khi có không gian trở lại.

  • Nếu sử dụng cấu trúc yêu cầu duy nhất (SRA) trên một trang có nhiều vị trí, đừng gọi display() cho đến khi div vị trí quảng cáo tĩnh được tạo. Như đã giải thích trong phần 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ị trí quảng cáo trên dải bên không yêu cầu <div> được xác định trước, nhưng vị trí quảng cáo tĩnh thì có. Việc gọi display() trước khi các phần tử này xuất hiện trên trang có thể làm 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 vùng tĩnh.

  • Chỉ làm mới quảng cáo dọc cạnh trang đang hiển thị. Khi một vùng quảng cáo dải quảng cáo dọc cạnh trang bị thu gọn hoặc không hiển thị, tất cả lệnh gọi đến refresh() sẽ bị bỏ qua. 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ị của khung quảng cáo.

Triển khai mẫu

Xem bản minh hoạ

JavaScript

Đang tải...

TypeScript

Đang tải...