Cách Thêm Quảng cáo Adsense Dễ dàng hơn và Nhẹ hơn trên Template Blogger Median-UI
 |
| Source: www.chiase.xyz |
Để thêm quảng cáo Adsense vào mẫu này, bạn không cần phải chỉnh sửa mã HTML của mẫu vì trình đơn 'Bố cục' đã cung cấp các vị trí để đặt các đơn vị quảng cáo, một số trong số đó là quảng cáo trên bảng quảng cáo trên trang chủ, quảng cáo thanh bên, quảng cáo bài viết giữa / trên cùng / dưới cùng, quảng cáo nội dung phù hợp và một số vùng quảng cáo khác.
Kích hoạt mẫu tập lệnh Google Adsense mặc định
Đối với những bạn đã có tài khoản adsense hoặc mới đăng ký và muốn hiển thị các đơn vị quảng cáo trong mẫu này, bước đầu tiên cần làm là chỉ cần kích hoạt <script src='...adsbygoogle.js'/> đã được cài đặt trong mẫu điều này.
Trong hộp mẫu HTML, vui lòng cuộn xuống dưới cùng, bạn sẽ tìm thấy một script adsense được đóng bằng thẻ bình luận như bên dưới:
<!-- <script>/*<![CDATA[*/ (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script> -->
Ubah atau hilangkan tag comment pada kode diatas hingga menjadi seperti dibawah ini
<script>/*<![CDATA[*/ (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script>Tập lệnh trên rất hữu ích để đưa ra các lệnh không đồng bộ cho trình duyệt, có nghĩa là tập lệnh quảng cáo adsense sẽ được tải sau khi trang html tải xong một cách hoàn hảo.
Điều gì xảy ra nếu tôi muốn thêm tự động?
Bạn có thể thêm mã quảng cáo tự động bằng cách sửa đổi một chút tập lệnh ở trên, vui lòng thay thế tập lệnh ở trên bằng mã tập lệnh bên dưới. Đừng quên thêm ID adsense của bạn vào phần được đánh dấu:
<script>/*<![CDATA[*/ (function() { var add = document.createElement('script'); var att = document.createAttribute('data-ad-client'); att.value = 'ca-pub-0000000000000000'; add.setAttributeNode(att); add.async = true; add.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(add, sc); })(); /*]]>*/</script>Nếu tôi muốn sử dụng lazy adsense thì sao?
trước đây chúng tôi đã thông báo rằng phương pháp này không được khuyến nghị vì nó có thể làm giảm số lần xem trang và CPC của quảng cáo adsense của bạn. Không giống như lệnh async, cách hoạt động của adssense lười biếng là tải tập lệnh quảng cáo khi người dùng cuộn trang blog, vì vậy lần đầu tiên khi tải xong trang, quảng cáo adsense sẽ không xuất hiện. Đối với những bạn vẫn muốn thử, bạn có thể thay đổi tập lệnh adsense ở điểm đầu tiên thành như sau:
<script>/*<![CDATA[*/ var lazyadsense = false; window.addEventListener("scroll", function(){ if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) { (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyadsense = true; } }, true) /*]]>*/</script>Viết các đơn vị quảng cáo adsense được đề xuất
Một trong những nguyên nhân khiến blog tải chậm là do viết đoạn mã adsense(adsbygoogle.js) nhiều lần. Viết đúng là đủ cho một tập lệnh adsbygoogle.js được đặt trong phần <head>, vì vậy mọi đơn vị quảng cáo bổ sung bạn không cần phải viết lại tập lệnh adsense như ví dụ bên dưới:
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='link' data-ad-slot='xxxxxxxxxx' data-full-width-responsive='false'/>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>Thay đổi đơn vị quảng cáo thành 'Ngang'
Có thể nhiều người không biết rằng chúng ta có thể xác định hình dạng hoặc kích thước của đơn vị quảng cáo adsense thông qua thuộc tính data-ad-format='...', Horizontal được đề cập trong tiêu đề nhằm mục đích thay đổi / hiển thị hình dạng của đơn vị quảng cáo thành hình chữ nhật và sẽ không hiển thị các đơn vị quảng cáo ở các dạng khác, chẳng hạn như hộp vuông. Có thể phiên bản máy tính để bàn sẽ không thấy sự khác biệt, nhưng nó sẽ rất rõ ràng trong phiên bản di động.
Để thử triển khai, vui lòng thay đổi thuộc tính data-ad-format='...' trong thẻ <ins> trong đơn vị quảng cáo của bạn, ví dụ như bên dưới:
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='horizontal' data-ad-slot='xxxxxxxxxx' data-full-width-responsive='false'/>Bạn có thể xem giải thích đầy đủ trong bài viết này: Cara menggunakan parameter tag iklan responsif
Bật tập lệnh Google Analytics
Giống như mã adsense, mã google analtytics cũng có sẵn trong mẫu này, chỉ là nó không hoạt động hoặc vẫn bị đóng bằng thẻ nhận xét. Vui lòng tìm mã và xóa thẻ bình luận như hình dưới đây:
<!--<b:include name='postPage-analytics'/>-->
Hapus tag comment sehingga menjadi seperti dibawah ini:
<b:include name='postPage-analytics'/>đừng quên thêm ID Google Analytics vào cài đặt blogger của bạn
