Breaking News

Chèn quảng cáo vào nội dung bài viết Blogger Blogspot

Hiện nay có nhiều bạn kiếm tiền online bằng cách tạo trang web và đăng kí adsense trên trang web của mình. Nhưng khi đăng kí xong thì lại rất lúng túng khi triển khai mã quảng cáo lên trang web của mình.


Đối với các bạn sử dụng nền tảng Blogger Blogspot thì có thể chèn các quảng cáo vào các vị trí có sẵn sử dụng tiện ích HTML/JAVASCRIPT. Nhưng như vậy không tận dụng được việc hiển thị quảng cáo giảm khả năng chuyển đổi và thu nhập cũng vì thế mà giảm đi. Vậy giải pháp là chèn các mã quảng cáo đó vào từng bài viết mỗi bài viết là một trang web đơn nên số lượt hiển thị quảng cáo rất nhiều mà lại không sợ bị vi phạm nguyên tắc của adsense.


Để chèn các đoạn mã quảng cáo đó vào bài viết đời hỏi các bạn cần biết về code và chỉnh sửa chúng. Có vẻ hơi rắc rối nhỉ nhưng không sao. Chính vì thế mà mình viết bài này hướng dẫn cho các bạn cách chén quảng cáo vào nội dung bài viết cho blogger blogspot đơn giản hơn rất nhiều.

Một mã quảng cáo của Adsense có dạng như sau:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- display-post content -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6659396293835516"
     data-ad-slot="4520424980"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Sau đây mình xin hướng dẫn các bạn chèn mã quảng cáo vào nội dung bài viết

1. Chèn quảng cáo sử dụng tiện ích html/javascript

Như tôi đã nói đến ở trên cách này đơn giản nhất nhưng bị hạn chế về vị trí hiển thị nếu template của bạn chỉ cho phép hiển thị ít vị trí. Nhưng có hơn không. 
Để chèn quản cáo các bạn vào phần Bố cục - thêm tiện ích - html/javascript sau đó dán đoạn mã quảng cáo vào và lưu lại. 

Cách này đơn giản, dễ quản lý nhưng không thay đổi được kích thước và không hiện thị được trong bài đăng

2. Chèn mã vào trực tiếp template

Để có thể chèn được mã quảng cáo vào trong template hiển thị đúng vị trí đầu tiên chúng ta cần chuyển đổi code mã quảng cáo thì mới chèn được vào trong template.
Sau khi chuyển đổi xong chúng ta thực hiện chèn bằng cách chọn mục Mẫu (Template) - Chỉnh sửa html 
Mẹo: Nhấn Ctrl + F trong khung soạn thảo html để tìm đúng vị trí code cần chèn nhé

a/ Chèn quảng cáo vào đầu bài viết

Tìm đoạn code sau:
<div class='post-header-line-1'/>
Chèn ngay vào dưới nó đoạn mã sau:
<b:if cond='data:blog.pageType == "item"'> <p class='ads'>Mã Adsense đã chuyển đổi </p> 
</b:if>
Tuy nhiên bạn nên lưu ý rằng có thể bạn sẽ gặp nhiều hơn một thẻ <data:post.body/> vì vậy hãy thử với từng thẻ một để đẩm bảo nó hiển thị đúng ý của bạn

b/ Chèn vào dưới nội dung bài viết

Cúng tương tự như đối với cách chèn vào bên trên nội dung bài viết. Đầu tiên chúng ta cũng sẽ tìm đến thẻ <data:post.body/>. Tuy nhiên hơi khác một chút với các trên đó là chúng ta không chèn lên trên mà sẽ chèn đoạn code sau dưới dưới thẻ này.
<b:if cond='data:blog.pageType == "item"'>
<div class='ads'>
Mã Adsense đã chuyển đổi
</div>
</b:if>
Các bạn có thể chỉnh sửa lại hiển thị bằng cách thêm các thuộc tính CSS cho thẻ divclass "ads"
Vậy là mình đã hướng dẫn các bạn cách chèn quảng cáo vào trong bài viết của mình. Mong rằng nó sẽ giúp ích được cho các bạn. Chúc các bạn buổi tối vui vẻ!

Không có nhận xét nào