Triển khai trên web

Lưu ý: Chỉ thực hiện một yêu cầu quảng cáo trên mỗi trang bất kể có bao nhiêu quy tắc chặn.

Lưu ý quan trọng: Hãy đọc Điều khoản và điều kiện trước khi sử dụng mã này

Để sử dụng mã này, bạn phải có một tài khoản AdSensequyền đang hoạt động để sử dụng Quảng cáo tìm kiếm tuỳ chỉnh AdSense.

Tổng quan

Triển khai Quảng cáo tìm kiếm tuỳ chỉnh AdSense trên trang web của bạn là quy trình 3 bước:

Bước 1: Tạo kiểu tìm kiếm tuỳ chỉnh trong AdSense

Sau khi đăng nhập, hãy mở rộng mục Quảng cáo cho tìm kiếm rồi nhấp vào Kiểu tìm kiếm. Từ đây, bạn có thể tạo một kiểu mới hoặc cập nhật một kiểu hiện có.

Bước 2: Định cấu hình mã

Nhấp vào biểu tượng Nhận mã Nhúng. Định cấu hình các vùng chứa quảng cáo cho phù hợp với các vùng chứa quảng cáo trên trang tìm kiếm của bạn.

Bước 3: Triển khai mã

Sao chép mã từ trình tạo mã rồi dán vào trang của bạn, hãy nhớ cập nhật tham số query. Bạn phải đặt mã được tạo trong thẻ head vào thẻ head trên trang web để quảng cáo tải đúng cách. Mã cho đơn vị quảng cáo 1 sẽ chứa chế độ cài đặt cho tất cả các đơn vị quảng cáo trên trang. Các đơn vị quảng cáo bổ sung sẽ chỉ yêu cầu đặt đơn vị quảng cáo tương ứng <div> trên trang mà quảng cáo sẽ xuất hiện.

Các tính năng thường dùng nhất được cung cấp trong trình tạo mã. Tuy nhiên, một số tham số bổ sung có trong phần tham khảo. Phần tham chiếu chứa tất cả tuỳ chọn cấp trang áp dụng cho tất cả đơn vị quảng cáo trên trang, cũng như tất cả tuỳ chọn cấp đơn vị áp dụng cho các đơn vị quảng cáo riêng lẻ.

Mã mẫu

Đang tải quảng cáo không đồng bộ

Mã đã tạo không đồng bộ. Dưới đây là một ví dụ đầy đủ về cách tải quảng cáo không đồng bộ. Bạn có thể mở ví dụ này trong thẻ mới. Hãy nhớ đặt mã ứng dụng khách của riêng bạn.

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId' : 'test client ID', // Enter your own client-ID here
  'query' : 'flowers', // User query for this page
  'styleId': '7824176615' // Enter your own style ID here
};

var adblock1 = {
  'container' : 'afscontainer1',
  'width' : 700
};

var adblock2 = {
  'container' : 'afscontainer2',
  'width' : 700
};

_googCsa('ads', pageOptions, adblock1, adblock2);
</script>

<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>

<div id="afscontainer2"></div>
</body>
</html>

Nội dung tìm kiếm có liên quan trên Tìm kiếm là đơn vị tự nhiên có các cụm từ tìm kiếm liên quan đến cụm từ tìm kiếm hiện tại. Các liên kết trên đơn vị này chuyển đến một trang kết quả tìm kiếm mới.

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId': 'test client ID', // Enter your own client-ID here
  'relatedSearchTargeting': 'query', // Must use 'query' for Related Search on Search pages
  'query': 'flowers', // User query for this page
  'styleId': '1234567890', // Enter your own style ID here
  'resultsPageBaseUrl': '//www.example.com/search', // Enter your own base URL here
  'resultsPageQueryParam': 'query' // Enter your own query parameter here
};

var adblock = {
  'container': 'afscontainer1',
  'number': 3,
  'width': 700
};

var rsblock = {
  'container': 'afscontainer2',
  'relatedSearches': 6,
  'width': 500
};

_googCsa('ads', pageOptions, adblock, rsblock);
</script>

<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>

<div id="afscontainer2"></div>
</body>
</html>

Nội dung tìm kiếm có liên quan trên nội dung cung cấp các cụm từ tìm kiếm cho người dùng liên quan đến nội dung trên trang. Nhờ đó, người dùng có thể khám phá các chủ đề có liên quan, tương tác với quảng cáo tìm kiếm hoặc hệ thống điều hướng trên trang web. Đừng dùng tham số "query" cho Nội dung tìm kiếm có liên quan trên các trang nội dung vì việc này sẽ gây ra kết quả không mong muốn.

Lưu ý: Trước khi cụm từ tìm kiếm có liên quan có thể xuất hiện trên trang web của bạn, Google cần thu thập dữ liệu các trang của bạn để đảm bảo rằng những cụm từ đó phù hợp với ngữ cảnh. Khi một trang chưa được thu thập dữ liệu hoặc bị trình thu thập dữ liệu của AdSense chặn thu thập dữ liệu (ví dụ như bị tệp robots.txt), chúng tôi sẽ không hiển thị các cụm từ Tìm kiếm có liên quan mà bạn đề xuất mà bạn cung cấp cho Google.

Sản phẩm Nội dung tìm kiếm có liên quan trên nội dung hoạt động dựa trên hệ thống thu thập dữ liệu nội dung của Google để lập chỉ mục các trang và tạo những cụm từ tìm kiếm có liên quan. URL trang nội dung chứa các tham số truy vấn như biến theo dõi, mã nhận dạng người dùng, mã phiên hoặc các giá trị nhận dạng động khác có thể ảnh hưởng đến khả năng đánh giá nội dung cốt lõi của trang của trình thu thập thông tin, đồng thời có thể dẫn đến các cụm từ tìm kiếm không chính xác hoặc không liên quan. Vui lòng dùng tham số "ignoredPageParams" để xác định các tham số không thiết yếu này, đảm bảo việc lập chỉ mục nội dung phù hợp và giảm tải hoạt động thu thập dữ liệu không cần thiết. Điều này cho phép Google nhận dạng tốt hơn một trang là đã được thu thập dữ liệu và bắt đầu hiển thị các cụm từ đề xuất (cả Google và của đối tác, nếu đủ điều kiện).

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<p>Page content</p>

<div id="afscontainer1"></div>

<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId': 'test client ID', // Enter your own client-ID here
  'relatedSearchTargeting': 'content', // Must use 'content' for Related Search on Content pages
  'hl': 'en', // The preferred language for related terms (default to 'en' if not specified)
  'styleId': '1234567890', // Enter your style ID
  'resultsPageBaseUrl': '//www.example.com/search', // Enter the base URL of your results page
  'resultsPageQueryParam': 'query', // Specify the query parameter on your results page
  'terms': 'term a,term b', // Optionally provide your own related terms in a comma-delimited list
  'referrerAdCreative': 'example ad title' // Only used when a user clicked an ad to arrive here;
                                           // required when 'terms' is present.
};

var rsblock1 = {
  'container': 'afscontainer1',
  'relatedSearches': 6
};

_googCsa('relatedsearch', pageOptions, rsblock1);
</script>

<p>More page content</p>

</body>
</html>

Những điều cần tránh

Tất cả các nhà xuất bản đều nên tuân thủ các nguyên tắc về cách triển khai Quảng cáo tìm kiếm tuỳ chỉnh AdSense, đồng thời tránh một số phương pháp triển khai có thể ảnh hưởng đến việc hiển thị quảng cáo và gây ra kết quả không mong muốn hoặc hiệu suất dưới mức tối ưu.

  • Đừng thực hiện nhiều lệnh gọi quảng cáo trên một trang, trừ phi bạn triển khai chức năng cuộn vô hạn
  • Không ẩn các khối quảng cáo trước hoặc sau khi quảng cáo được hiển thị
  • Không di chuyển các khối quảng cáo xung quanh trang
  • Không yêu cầu chặn quảng cáo nhiều hơn số lượng bạn muốn hiển thị trên trang
  • Không thao túng DOM của các khối quảng cáo
  • Đừng triển khai tính năng tải từng phần của riêng bạn (thay vào đó hãy sử dụng tính năng tải từng phần của Google)
  • Đừng lưu tài nguyên JS của Google vào bộ nhớ đệm trên trang web của bạn
  • Đừng sử dụng thông số "truy vấn" cho Nội dung tìm kiếm có liên quan trên Trang nội dung vì việc này sẽ gây ra kết quả không mong muốn.