Hướng dẫn thêm mã Google AdSense và tệp ads.txt cho dự án React (Vite)
Sau khi website được chấp thuận tham gia Google AdSense, bạn cần cấu hình dự án để Google có thể xác minh quyền sở hữu và hiển thị quảng cáo. Đối với dự án React (đặc biệt là React + Vite), việc này gồm hai bước: chèn mã AdSense vào trang HTML và thêm tệp ads.txt vào thư mục gốc của website.
Bước 1. Chèn mã Google AdSense vào index.html
Mở tệp index.html (đối với Vite) và thêm đoạn mã Google AdSense do Google cung cấp vào bên trong thẻ <head>.
Ví dụ:
<!doctype html>
<html lang="vi">
<head>
<meta charset="UTF-8" />
<!-- Xác minh tài khoản AdSense -->
<meta name="google-adsense-account" content="ca-pub-1234567890123456">
<!-- Thư viện Google AdSense -->
<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456"
crossorigin="anonymous">
</script>
<title>Website của tôi</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
Lưu ý: Thay
ca-pub-1234567890123456bằng mã Publisher ID của tài khoản Google AdSense của bạn.
Bước 2. Thêm tệp ads.txt
Google cũng khuyến nghị thêm tệp ads.txt để xác nhận bạn cho phép Google phân phối quảng cáo trên website.
Tạo tệp ads.txt trong thư mục public của dự án:
project/
│
├── public/
│ └── ads.txt
│
├── src/
├── index.html
└── package.json
Nội dung tệp ads.txt:
google.com, pub-1234567890123456, DIRECT, f08c47fec0942fa0
Trong đó:
pub-1234567890123456là Publisher ID của tài khoản AdSense.f08c47fec0942fa0là mã chứng thực của Google và không được thay đổi.
Sau khi triển khai (deploy), bạn có thể kiểm tra bằng cách truy cập:
https://tenmiencuaban.com/ads.txt
Ví dụ:
https://www.vniteach.net/ads.txt
Nếu trình duyệt hiển thị đúng nội dung của tệp, nghĩa là ads.txt đã được cấu hình thành công.
Đối với dự án React sử dụng Vite, bạn nên thực hiện đầy đủ cả hai bước:
- Thêm meta và script Google AdSense vào phần
<head>của tệpindex.html. - Tạo tệp
ads.txttrong thư mụcpublicđể khi triển khai, tệp sẽ nằm ở đường dẫn gốc của website.
Việc cấu hình đúng sẽ giúp Google xác minh website, hỗ trợ hiển thị quảng cáo và tránh các cảnh báo liên quan đến ads.txt trong Google AdSense.