Implémentation Web

Remarque:Ne faites qu'une seule demande d'annonce par page, quel que soit le nombre de blocages.

Important:Lisez les Conditions d'utilisation avant d'utiliser ce code.

Pour utiliser ce code, vous devez disposer d'un compte AdSense avec une autorisation active d'utiliser les annonces AdSense pour les recherches personnalisées.

Présentation

L'implémentation d'annonces AdSense pour les recherches personnalisées sur votre site s'effectue en trois étapes:

Étape 1: Créez votre style de recherche personnalisé dans AdSense

Une fois connecté, développez la section Annonces pour les recherches, puis cliquez sur Styles de recherche. Vous pouvez alors créer un style ou modifier un style existant.

Étape 2: Configurez le code

Cliquez sur Get Code (Obtenir le code) Embed. Configurez vos conteneurs d'annonces pour qu'ils correspondent à ceux de votre page de recherche.

Étape 3: Implémenter le code

Copiez le code du générateur de code et collez-le sur votre page, sans oublier de mettre à jour le paramètre query. Pour que les annonces se chargent correctement, vous devez insérer le code généré dans la balise "head" de votre site. Le code du bloc d'annonces 1 contient les paramètres de tous les blocs d'annonces sur la page. Pour ajouter des blocs d'annonces supplémentaires, il vous suffit de placer le bloc d'annonces <div> correspondant sur la page où doivent apparaître les annonces.

Les fonctionnalités les plus couramment utilisées sont fournies dans le générateur de code, mais certains paramètres supplémentaires sont disponibles dans la section de référence. La section "Références" contient toutes les options au niveau de la page, qui s'appliquent à tous les blocs d'annonces de la page, et toutes les options au niveau du bloc, qui s'appliquent à des blocs d'annonces individuels.

Exemple de code

Chargement asynchrone des annonces

Le code généré est asynchrone. Vous trouverez ci-dessous un exemple complet et fonctionnel de chargement d'annonce asynchrone. Vous pouvez ouvrir cet exemple dans un nouvel onglet. N'oubliez pas d'indiquer votre propre ID client.

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

La recherche associée dans la recherche est une unité naturelle qui contient des termes de recherche liés au terme de recherche actuel. Les liens de ce bloc redirigent vers une nouvelle page de résultats de recherche.

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

La recherche associée sur le contenu fournit à l'utilisateur des termes de recherche en rapport avec le contenu de la page. Les utilisateurs peuvent ainsi explorer des thèmes pertinents et interagir avec les annonces sur le Réseau de Recherche ou la navigation sur le site. N'utilisez pas le paramètre "query" pour la recherche associée sur les pages de contenu, car cela entraînerait des résultats inattendus.

Remarque:Avant que les termes de recherche associée puissent apparaître sur votre site, Google doit explorer vos pages pour s'assurer qu'ils sont pertinents d'un point de vue contextuel. Si une page n'a pas encore été explorée ou ne peut pas être explorée par le robot d'exploration AdSense (par exemple, par un fichier robots.txt), nous n'affichons pas les suggestions de termes de recherche associée que vous fournissez à Google.

Le produit Recherche associée sur le contenu s'appuie sur le système d'exploration de contenu de Google pour indexer les pages et générer des termes de recherche pertinents. Les URL des pages de contenu contenant des paramètres de requête tels que des variables de suivi, des ID utilisateur, des ID de session ou d'autres identifiants dynamiques peuvent entraver la capacité du robot d'exploration à évaluer le contenu principal de la page et générer des termes de recherche associés inexacts ou non pertinents. Veuillez utiliser le paramètre "ignoredPageParams" pour identifier ces paramètres non essentiels, afin de garantir une indexation correcte du contenu et de réduire la charge d'exploration inutile. Cela permet à Google de mieux reconnaître qu'une page a déjà été explorée et de commencer à afficher des termes suggérés (à la fois par Google et par le partenaire, s'il est éligible).

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

Actions déconseillées

Nous recommandons à tous les éditeurs de respecter nos consignes d'implémentation des annonces AdSense pour les recherches personnalisées, et d'éviter certaines méthodes d'implémentation qui pourraient interférer avec l'affichage des annonces et entraîner des résultats inattendus ou des performances non optimales.

  • N'effectuez pas plusieurs appels d'annonces à partir d'une page, sauf si vous optez pour le défilement infini.
  • Ne masquez pas les blocs d'annonces avant ou après l'affichage des annonces
  • Ne pas déplacer les blocs d'annonces sur la page
  • Ne demandez pas plus de blocs d'annonces que vous ne souhaitez afficher sur la page
  • Ne manipulez pas le DOM des blocs d'annonces.
  • N'implémentez pas votre propre chargement différé (utilisez plutôt le chargement différé de Google).
  • Ne pas mettre en cache les ressources JavaScript de Google sur votre site
  • N'utilisez pas le paramètre "query" pour la recherche associée sur les pages de contenu, car cela entraînerait des résultats inattendus.