検索向け AdSense(AFS)

カスタム検索スタイルのコードを取得する

カスタム検索スタイルを作成したら、次の手順でそのコードをコピーして検索結果ページに貼り付けます。

  1. AdSense アカウントにログインします。
  2. [検索向けの広告] 次に [カスタム検索スタイル] をクリックします。
  3. [コードを取得] をクリックします。
  4. [コード生成ツール] ページで次の手順を実施します。
    • [広告コンテナ] セクションで次の手順を実施します。
      1. 広告コンテナの HTML DIV ID を検索結果ページに追加します。または、デフォルトのコンテナ名(例: afscontainer1)をそのまま使って、それに合わせて検索結果ページの DIV ID を更新します。
      2. (省略可)別のコンテナの HTML ID を追加する場合は、[+ コンテナを追加] をクリックします。
    • [コードをコピーして貼り付けます] セクションで次の手順を実施します。
      1. 最初のコード スニペットをコピーして、検索結果ページの <head> タグの間に貼り付けます。
      2. 2 番目のコード スニペットをコピーして、検索結果ページの <body> タグの間に貼り付けます。
  5. 終了したら、[完了] をクリックします。

サンプルコード

次に、両方のコード スニペットを追加した検索結果ページのコードサンプルを示します。

: このサンプルコードは実際には使わないでください。このコードでは検索広告は機能しません。実際にコピーして貼り付けるコードは、お客様の AdSense アカウントで取得してください。
<html>
<head>
<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>
<!-- お客様のページの他の <head> 要素-->
<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>
</script>
</head>
<body>
<div id="afscontainer1"></div>
<div id="afscontainer2"></div>
<script type="text/javascript" charset="utf-8">
  var pageOptions = {
    "pubId": "partner-pub-1234567891234567", // このクライアント ID に誤りがないようにしてください
    "styleId": "1234567891"  // このスタイル ID に誤りがないようにしてください
    "query": "" // ここに配置するクエリに誤りがないようにしてください
  };
  var adblock1 = {
    "container": "afscontainer1",
  };
  var adblock2 = {
    "container": "afscontainer2",
  };
  _googCsa('ads', pageOptions, adblock1, adblock2);
</script>
</body>
</html>
この情報は役に立ちましたか?
改善できる点がありましたらお聞かせください。