Cette page a été traduite par l'API Cloud Translation.

Implémentation Web

Remarque:N'envoyez 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 disposant d'une autorisation active afin d'utiliser les annonces AdSense pour les recherches personnalisées.

Présentation

Pour implémenter les annonces AdSense pour les recherches personnalisées sur votre site, trois étapes sont nécessaires:

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

Une fois connecté, développez 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) . Configurez vos conteneurs d'annonces pour qu'ils correspondent à ceux de votre page de recherche.

Étape 3: Implémenter le code

Copiez le code à partir 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 placer le code généré dans cette balise sur 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 correspondant <div> sur la page où les annonces doivent être diffusées.

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érence" contient toutes les options au niveau de la page, qui s'appliquent à tous les blocs d'annonces de la page, ainsi que 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 de chargement asynchrone d'annonces. Vous pouvez ouvrir cet exemple dans un nouvel onglet. N'oubliez pas de saisir 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 Google est un bloc d'annonces naturel contenant des termes de recherche en rapport avec le terme de recherche actuel. Les liens de ce bloc redirigent l'utilisateur 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
  '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 les pages de 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, interagir avec les annonces du Réseau de Recherche ou naviguer 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.

<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'
  '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
};

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

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

<p>More page content</p>

</body>
</html>

Actions déconseillées

Nous conseillons à tous les éditeurs de respecter nos consignes concernant la mise en œuvre des annonces AdSense pour les recherches personnalisées et d'éviter certaines méthodes 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 en cas de défilement infini.
Ne masquez pas les blocs d'annonces avant ou après la diffusion des annonces
Ne déplacez pas les blocs d'annonces sur la page
Ne demandez pas plus de blocs d'annonces que vous ne souhaitez en afficher sur la page
Ne modifiez 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 mettez pas 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.

Implémentation Web

Présentation

Exemple de code

Chargement asynchrone des annonces

Recherche associée sur les pages de recherche

Recherche associée sur les pages de contenu

Actions déconseillées