Friday, April 10, 2015

Cách chèn quảng cáo Google Adsense vào blogspot

  Tò mò, đam mê và thích tìm tòi và khám phá...Đó là lý do để mình thử đăng ký hệ thống quảng cáo trực tuyến nổi tiếng adsense. của hãng google mà nhiều người đã từng được nhắc đến. Và quả nhiên đứng với sự nổi tiếng đó, việc đăng ký cũng khá là vất vả và mất nhiều thời gian. 

  Sau vài lần bị từ chối, cuối cùng mình cũng đã đăng ký được một tải khoản của GA. Đến lúc này mọt phần khá là quan trong là làm thế nào để chèn quảng cáo vào bài đăng ở các vị trí như mong muốn? Mình xin được chia sẽ luôn nhé để các bạn khỏi mất công tìm tòi lục lọi ở nhiều trang  web trong và ngoài nước. Những vị trí mà mình chèn quảng cáo đều có ở trang web hiên tại của mình đó, hoặc có một vài vị trí đặt biệt khác các bạn có thể xem thêm tạin trang Yele Pages nhé.
Nên chọn kích thước quảng cáo nào?

Trước tiên bạn truy cập vào https://www.google.com/adsense để lấy mã quảng cáo. Về kích thước, có 4 kích thước Google Adsense khuyên dùng, đó là:

  •     Hình chữ nhật trung bình: 300 x 250
  •     Hình chữ nhật lớn: 336 x 280
  •     Hình chữ nhật dài: 728 x 90
  •     Hình chữ nhật đứng rộng: 160 x 600

Ngoài 4 loại trên còn rất nhiều kích thước khác, nhưng Google bảo chúng ta nên dùng những kích thước trên vì điều đó đem lại doanh thu tốt hơn.

Bạn được phép đặt ba đơn vị quảng cáo trong đó có tối đa một đơn vị kích thước 300 x 600. Thường thì nếu cột phải có kích thước nhỏ bạn đặt đơn vị quảng cáo 160 x 600, còn nếu có kích thước đủ lớn bạn đặt đơn vị có kích thước 300 x 600.
 

Nên chọn loại quảng cáo nào?
 

Có 3 loại cho bạn chọn lựa:
  •     Quảng cáo văn bản
  •     Quảng cáo văn bản và hiển thị hình ảnh
  •     Quảng cáo hiển thị hình ảnh
Mặc định của Google là quảng cáo văn bản và hiển thị hình ảnh vì nó đem lại cơ hội tốt hơn cho chúng ta, tuy nhiên nếu bạn thấy vị trí đặt quảng cáo thích hợp với chữ hơn thì đặt văn bản, thích hợp với hình ảnh hơn thì đặt hiển thị hình ảnh.
 

Cách chèn quảng cáo Google Adsense vào blogspot



Các vị trí nên đặt quảng cáo

Và đây cũng là điều Google khuyên về ba vị trí mà bạn nên đặt. Tất nhiên là bạn nên đặt đồng thời cả ba.

  •     Quảng cáo nằm ở đầu bài viết
  •     Quảng cáo nằm ở cuối bài viết
  •     Quảng cáo nằm ở cột bên phải (hoặc bên trái)

Vị trí đặt quảng cáo google adsense
Cách chèn quảng cáo Google Adsense vào blogspot


Việc đặt quảng cáo vào cột bên phải (hoặc trái) là dễ nhất, bạn chỉ việc vào bố cục > thêm tiện ích > HTML/JavaScript rồi copy - pase đoạn code lấy được từ Google Adsense vào rồi nhấn lưu. Giả dụ với trang web của tôi vì cột bên phải rộng nên tôi chọn quảng cáo có kích thước 300 x 600.

Bạn chèn mã quảng cáo vào thì bị lỗi - tại sao vậy?

Việc chèn quảng cáo vào đầu và cuối bài viết thì không dễ như chèn vào cột bên phải, bạn cần phải vào Mẫu > Chỉnh sủa HTML để làm việc này. Và bạn sẽ thường xuyên gặp lỗi như thế này:

Attribute name "async" associated with an element type "script" must be followed by the ' = ' character

Để sửa lỗi trên bạn chỉ cần thêm dòng như sau vào code: async="async"

Ví dụ cụ thể, code Google Adsense đang như thế này:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- MLTC foot post 336v280 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-712987019925812345"
     data-ad-slot="6386538945"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Bạn phải sửa lại thành như thế này thì khi chèn vào mới không bị lỗi:

<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- MLTC foot post 336v280 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-712987019925812345"
     data-ad-slot="6386538945"></ins>
<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

Tìm vị trí code để đặt quảng cáo

Câu hỏi tiếp theo: làm sao chèn code vào đúng đầu và cuối mỗi bài viết? Thông thường ở đầu bài viết thì bạn sẽ phải tìm đến vị trí <data:post.body/> rồi copy paste đoạn code của Google Adsense ở trên <data:post.body/> là OK. Tuy nhiên việc này không đảm bảo thành công 100% nó hiển thị đúng, bạn nên dùng thêm công cụ Firebug (addonn của FireFox) để tìm chính xác vị trí dưới tiêu đề của bài viết.

Tiếp theo bạn phải quan tâm đến cú pháp, bạn chỉ hiển thị quảng cáo khi người truy cập vào nội dung bài viết, vì vậy bạn phải để câu lệnh của blogspot bao bên ngoài mã quảng cáo adsense như thế này:


<!--Quang cao Google-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
       Mã quảng cáo Adsense của bạn
</b:if>
<!--Quang cao Google End-->

Câu lệnh này đơn giản chỉ có nghĩa là nếu tôi đang ở bài post thì ông hiển thị quảng cáo cho tôi, còn nếu tôi đang ở label hoặc trang chủ hoặc các trang khác thì không.

Chú ý nhỏ: bạn cũng nên đánh dấu quảng cáo bằng cách thêm dòng <!--Quang cao Google--> hay cái gì khác tùy bạn để lần sau bạn tìm code quảng cáo để chỉnh sửa được dễ dàng hơn.

Còn cuối bài viết thì như thế nào? Đoạn code nên chèn vào thường nằm sau dòng này:

 <div class='post-footer'>
 <div class='post-footer-line post-footer-line-1'>

Tuy nhiên mình vẫn muốn nhắc lại là bạn nên dùng Firebug để tìm vị trí chính xác nếu vị trí trên không đạt.

Làm sao tôi biết tôi đã chèn quảng cáo thành công?

Sau khi chèn nếu bạn thấy quảng cáo hiện lên luôn thì bạn đã thành công (úi zời thế thì nói làm giề!). He, mình nói thế là còn có trường hợp nữa, đó là quảng cáo chưa hiện lên luôn nhưng nếu bạn thấy một khoảng không bị chiếm giữ ở đó thì nghĩa là đã có không gian để hiển thị quảng cáo rồi đấy. Sau vài phút sẽ có quảng cáo thôi, bạn đừng lo.

Quảng cáo trên trang chủ và các trang label thì như thế nào?

Chúng ta có tối đa ba đơn vị quảng cáo được phép đặt, quảng cáo ở cột bên phải thì ta để chung cho cả bài post lẫn trang chủ và trang label rồi

Với bài post đã có 2 quảng cáo riêng cho nó ở đầu và cuối bài viết. Với trang chủ và label tương tự như vậy, ta cũng được phép đặt 2 quảng cáo nữa.

Cú pháp để hiển thị quảng cáo cho trang chủ, label (và cả lưu trữ nữa) là như sau:

<!-- quang cao google -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
        Mã quảng cáo Google Adsense
</b:if>
<!-- quang cao google -->

Vị trí đặt quảng cáo thì tùy bạn chọn sao cho hợp lý. Bạn có thể nhìn trang của tôi làm thí dụ nếu thích.


Kiếm được nhiều tiền không vậy?

Bạn cứ mừng vì đăng ký thành công Google Adsense đi đã! Bài viết càng chất lượng, càng nhiều lượt xem và click vào quảng cáo bạn càng kiếm được nhiều. Nhưng bạn đừng tham mà tự bấm hoặc nhờ người khác bấm nhé, sẽ bị khóa tài khoản ngay. Cuối cùng điều quan trọng hết sức là tìm hiểu kỹ các điều khoản của Adsense, rất nhiều và phức tạp đấy - nhưng về cơ bản là cứ làm ăn trung thực thì bạn cứ yên tâm. Mình cũng đang tiếp tục tìm hiểu luật chơi đây. Chúc các bạn hợp tác tốt với Google.