Trang chủ
Blogspot Tips

Hướng dẫn thêm mã quảng cáo Adsense vào trong phiên bản AMP

Trước hết, hãy đảm bảo rằng thư viện JS bên dưới đã được cài đặt trong mẫu của bạn, nếu không, hãy thêm nó vào phần <head> section:

<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>

Tập lệnh này cũng hỗ trợ một số trang web của nhà cung cấp quảng cáo khác. Trong bản cập nhật mới nhất, tập lệnh này đã được thêm vào mẫu nên bạn không cần phải làm gì với tập lệnh này.

Google Adsense đã hỗ trợ AMP

Tin tốt là bây giờ Google Adsense hỗ trợ đầy đủ AMP, bạn có thể nhận ngay mã <amp-ad> khi tạo đơn vị quảng cáo mới, đây là ví dụ về mã quảng cáo bạn sẽ nhận được

<amp-ad width='100vw' height='320'
  type='adsense'
  data-ad-client='ca-pub-000000000000000'
  data-ad-slot='0000000000'
  data-auto-format='rspv'
  data-full-width=''>
  <div overflow=''></div>
</amp-ad>

Thiết lập Quảng cáo tự động trên AMP

  1. Đăng nhập vào tài khoản AdSense của bạn
  2. Nhấp vào Quảng cáo > Tổng quát
  3. Nhấp vào Đã có một trang AMP?
  4. trên trang 'Lấy mã Adsense cho trang AMP', hãy bật Cho phép Google đặt quảng cáo hiển thị hình ảnh trên trang AMP của bạn ,
  5. sao chép tập lệnh amp-auto-ads-0.1.js hoặc tìm và bật mã như thế này bên trong blog của bạn <head> tag: 
    <!--<script async='async' custom-element='amp-auto-ads' src='https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js'/>-->
  6. Sao chép mã <amp-auto-ads> hoặc tìm mã bên dưới (ngay sau thẻ <body>) và thay thế ID Adsense được liệt kê bằng ID của bạn. 
    <!--[ Adsense script placement ]-->
    <!--<amp-auto-ads type='adsense' data-ad-client='ca-pub-0000000000000000'/>-->

    Hướng dẫn: Bỏ thẻ bình luận mở và đóng <!-- --> để kích hoạt.

  7. Nhấp vào done, sẽ mất ít nhất 1 giờ để hiển thị quảng cáo trên trang blog của bạn.

Truy cập Bypass Google Account APK để tải file APK nhé