Tech

Integrate AdSense for search for your website

January 2, 2025

Search page.

Related search for search pages: lets you show related search terms when a user makes a search query on your site. Learn more about related search for search pages.

Copy and paste this code in the <head> tag of your page.

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

<!-- other head elements from your page -->

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

Copy and paste this code in the tag of your page to display search results.

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

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

  var pageOptions = {
    "pubId": "partner-pub-1704782152xxxxxx", 
    "query": "", 
    "styleId": "1019xxxxxx",
    "adsafe": "high"
  };

  var adblock1 = {
    "container": "afscontainer1"
  };

  _googCsa('ads', pageOptions, adblock1);

</script>

You can add multiple HTML IDs of ad containers on your search page. Please see full example below.

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

<script type="text/javascript" charset="utf-8">
var urlParams = new URLSearchParams(window.location.search);
var myParam = urlParams.get('s');
  var pageOptions = {
    "pubId": "partner-pub-1704782152xxxxxx", 
    "query": myParam, 
    "styleId": "1019xxxxxx",
    "adsafe": "high"
  };

   var adblock1 = {
    "container": "afscontainer1"
  };

  var adblock2 = {
    "container": "afscontainer2"
  };

  var adblock3 = {
    "container": "afscontainer3"
  };

  _googCsa('ads', pageOptions, adblock1, adblock2, adblock3);

</script>

2. Content page.

Related search for content: lets you show relevant search terms on your content pages to drive more traffic to the search results pages of your site. Learn more about related search for content.

Copy and paste this code in the <head> tag of your page.

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

<!-- other head elements from your page -->

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

Copy and paste this code in the <body> tag of your page.

<div id="relatedsearches1"></div>

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

  var pageOptions = {
    "pubId": "partner-pub-1704782152xxxxxx", // Make sure this is the correct client ID!
    "styleId": "1019xxxxxx",
    "relatedSearchTargeting": "content",
    "resultsPageBaseUrl": "http://www.example.com/?afs&partner_param=param", // Enter the base url for your results page
    "resultsPageQueryParam": "query" // (Default to "q") Matches the param denoting the query on the search page
  };

  var rsblock1 = {
    "container": "relatedsearches1",
    "relatedSearches": 10
  };

  _googCsa('relatedsearch', pageOptions, rsblock1);

</script>

You can add multiple HTML IDs of ad containers on your search page. Please see full example below.

<div id="relatedsearches1"></div>
<div id="relatedsearches2"></div>

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

  var pageOptions = {
    "pubId": "partner-pub-1704782152xxxxxx", // Make sure this is the correct client ID!
    "styleId": "1019xxxxxx",
    "relatedSearchTargeting": "content",
    "resultsPageBaseUrl": "https://afs.gamob.com/", 
    "resultsPageQueryParam": "s"
  };

  var rsblock1 = {
    "container": "relatedsearches1",
    "relatedSearches": 10
  };

  var rsblock2 = {
    "container": "relatedsearches2",
    "relatedSearches": 10
  };

  _googCsa('relatedsearch', pageOptions, rsblock1, rsblock2);

</script>