Chắc rằng các bạn đã biết cách chèn quảng cáo Google Adsense vào Website WordPress và quảng cáo hiển thị rất tốt trên các thiết bị rồi phải không nào. Nhưng rất nhiều bạn cài AMP cho website WordPress thì lại đang thắc mắc tại sao quảng cáo lại không hiển thị trên website của họ. Bài viết hôm nay sẽ hướng dẫn các bạn chèn quảng cáo Google Adsense vào trang AMP WordPress để giúp các bạn giải quyết những vấn đề tưởng chừng đơn giản nhưng rất nhiều người gặp phải.
Thuật ngữ AMP (Accelerated Mobile Pages) – Trang thiết bị di động được tăng tốc đã được Google đưa vào sử dụng vào đầu năm 2016. Đây là một thiết kế để trang Web được nhẹ nhất và tải trang nhanh nhất, đặc biệt tối ưu trên thiết bị di động. Những website được tối ưu AMP thì cũng được Google đánh giá cao và cũng có những lợi thế lớn trong bộ máy tìm kiếm của Google.
Thường đối với Website WordPress thì đa số cài đặt Plugin AMP của Automattic để thiết lập trang thiết bị di động được tăng tốc. Đối với mỗi đường link của website các bạn chỉ cần thêm /amp vào sau đường dẫn sẽ kiểm tra xem website có được cài đặt AMP hay không. Và thực sự quảng cáo Google Adsense sẽ không hiển thị trên AMP nếu chúng ta chưa thiết lập và bài viết hôm nay sẽ giúp các bạn có những thiết lập chính xác nhất để quảng cáo Google Adsense được hiển thị tốt trên AMP WordPress.
Để tạo đơn vị quảng cáo AMP, các bạn lần lượt thực hiện các bước sau:
Tạo đơn vị quảng cáo đáp ứng
Ví dụ đây là đoạn mã quảng cáo đáp ứng của Google Adsense:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Các bạn tạo mã quảng cáo đáp ứng vào lưu lại hai giá trị bên dưới để tạo mã quảng cáo AMP.
- ID nhà xuất bản của bạn (data-ad-client), ví dụ: ca-pub-1234567891234567.
- ID đơn vị quảng cáo của bạn (data-ad-slot), ví dụ: 1234567890.
Tạo mã quảng cáo AMP
Để tạo đơn vị quảng cáo AMP, hãy thay các giá trị data-ad-client và data-ad-slot trong đoạn mã bên dưới bằng ID nhà xuất bản (data-ad-client) và ID đơn vị quảng cáo(data-ad-slot) của riêng bạn đã lấy từ việc tạo mã quảng cáo đáp ứng ở trên.
<amp-ad layout="responsive" width=300 height=250 type="adsense" data-ad-client="ca-pub-1234567891234567" data-ad-slot="1234567890"> </amp-ad>
Đoạn mã bên trên chúng ta đã tạo mã quảng cáo AMP với kích thước 300×250, kích thước này là tối ưu đối với thiết bị di động và cũng khuyên bạn nên sử dụng kích thước này để triển khai mã quảng cáo của mình trên AMP.
Đặt mã quảng cáo AMP trên trang trên thiết bị di động
Việc đặt mã quảng cáo AMP cũng tương tự như đặt quảng cáo trên Website thông thường, có thể đặt thủ công hoặc sử dụng Plugin. Copy đoạn mã quảng cáo AMP đã được thiết lập ở bên trên và đọc bài viết này để triển khai mã quảng cáo AMP nhé.
Để hoàn tất quá trình chèn mã quảng cáo Google Adsense thì các bạn phải thực hiện thêm bước bên dưới đó là thêm tập lệnh yêu cầu AMP vào trang thiết bị di động được tăng tốc. Sau khi chèn vào thành công hãy quay lại trang web của mình trên trang di động được tăng tốc để kiểm tra xem quảng cáo Google Adsense đã xuất hiện trên trang AMP chưa nhé.
Thêm tập lệnh yêu cầu AMP vào trang thiết bị di động
Để chạy mã quảng cáo AMP trên trang thiết bị di động thì các bạn cần phải sao chép đoạn mã bên dưới đặt vào giữa hai thẻ <head> và </head> để tải các thư viện quảng cáo liên quan.
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
Chèn vào như thế nào chắc cũng không cần nhắc đến nữa nhỉ. Việc chèn code vào giữa hai thẻ <head> và </head> cũng giống như lúc mình chèn code đăng ký Google Adsense vậy đó. Nếu ai chưa biết cách chèn như thế nào thì hãy đọc bài viết này nhé.
Lời kết
Bài viết đã hướng dẫn các bạn chèn quảng cáo Google Adsense vào trang AMP WordPress một cách nhanh chóng và chính xác nhất. Với việc sử dụng AMP sẽ giúp tối ưu website trên thiết bị di động và cũng nâng cao thứ hạng trên bộ máy tìm kiếm Google. Chúc các bạn thành công.
cám ơn ad, đã chèn đc rồi ạ
Thanks bạn.
Ủng hộ blog mình nhé.
ok, ok
Mình đã làm thử và thành công. Rất cám ơn bạn đã chia sẻ thông tin bổ ích này
Thanks bạn. Nhớ ủng hộ site nhé.