Bài viết này mô tả vị trí thêm mã đơn vị quảng cáo trong HTML để phân phát quảng cáo AdSense.
Nếu chưa biết cách sử dụng HTML, thì trước tiên bạn nên xem hướng dẫn về cách dán mã quảng cáo vào các trang HTML, tuỳ thuộc vào những công cụ mà bạn sử dụng. Trước khi tiếp tục, bạn cũng nên tìm hiểu sự khác biệt giữa mã AdSense và mã đơn vị quảng cáo.
Trên trang này
Vị trí thêm mã đơn vị quảng cáo
Sau khi lấy và sao chép mã đơn vị quảng cáo, bạn cần dán mã này vào giữa các thẻ <body> và </body> của trang. Nếu bạn dán mã quảng cáo bên ngoài thẻ <body>, thì quảng cáo của bạn sẽ xuất hiện không đúng cách.
Ví dụ về trang HTML trước khi thêm mã đơn vị quảng cáo
<html>
<head>
Đây là phần đầu của trang
<title>Trang HTML mẫu</title>
</head>
<body>
Đây là phần nội dung của trang
</body>
</html>
Ví dụ về trang HTML sau khi thêm mã đơn vị quảng cáo vào thẻ <body>
<html>
<head>
Đây là phần đầu của trang
<title>Trang HTML mẫu</title>
</head>
<body>
Đây là phần nội dung của trang
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>
Cách xác định vị trí đặt quảng cáo trên trang web bằng HTML
Tương tự như các phần tử khác của trang web (hình ảnh, đoạn văn, v.v.), bạn có thể thay đổi vị trí đặt quảng cáo do Google phân phát bằng cách sử dụng thẻ HTML (<div>, <table>, v.v.). Ví dụ: nếu bạn muốn đặt mã quảng cáo của mình nằm trong các thẻ HTML <div align="center"> và </div>, thì quảng cáo của bạn sẽ xuất hiện ở giữa trang.
Ví dụ về phần tử HTML <div> được dùng để xác định vị trí đặt quảng cáo trong thẻ <div>
<html>
<head>
Đây là phần đầu của trang
<title>Trang HTML mẫu</title>
</head>
<body>
Đây là phần nội dung của trang
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
