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

Mình viết bài bằng blogspot, số lượng người xem tương đối ổn định nên đã thử vận may với hệ thống quảng cáo lớn nhất thế giới Google Adsense. Sau khi gửi yêu cầu đăng ký, thất bại rồi lại đăng ký lại (vài lần!), cuối cùng mình đã thành công.

Nhưng mình gặp phải một số khó khăn khi chèn mã quảng cáo Adsense vào web, và hôm nay sau khi đã chèn thành công, mình muốn chia sẻ chi tiết để bạn đỡ mất công lọ mọ các trang web nước ngoài.

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á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)

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:

<ins class="adsbygoogle"

style="display:inline-block;width:336px;height:280px"

data-ad-client="ca-pub-712987019925812345"

data-ad-slot="6386538945"></ins>

(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:

<ins class="adsbygoogle"

style="display:inline-block;width:336px;height:280px"

data-ad-client="ca-pub-712987019925812345"

data-ad-slot="6386538945"></ins>

(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:

<b:if cond='data:blog.pageType == "item"'>

Mã quảng cáo Adsense của bạn

</b:if>

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  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:

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:

<b:if cond='data:blog.pageType == "index"'>

Mã quảng cáo Google Adsense

</b:if>

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.

Post Tags:

chèn quảng cáo vào blog Thủ thuật

http://cse-iuh.blogspot.com/

Tôi thích chia sẽ những kiến thức, những kinh nghiệm học tập cho các bạn sinh viên Đại Học Công Nghiệp TpHCM và các bạn có nhu cầu tìm hiểu. Cảm ơn bản các bạn đã ghé thăm

Website: http://cse-iuh.blogspot.com/