Implémentation Web

Remarque:N'effectuez 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 Annonces pour les recherches, puis cliquez sur Styles de recherche. Vous pouvez alors modifier un style ou en créer un.

Étape 2: Configurez le code

Cliquez sur Get Code (Obtenir le code). Intégrer 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 la requête "query" pour la recherche associée sur les pages de contenu, car il génère résultats.

Remarque:Avant que les termes de recherche associée puissent apparaître sur votre site, Google doit explorer vos pages pour vous assurer que les termes sont pertinents d'un point de vue contextuel. Lorsqu'une page n'a pas encore été explorée ou l'exploration est bloquée (par un fichier robots.txt, par exemple) par le robot d'exploration AdSense nous n'affichons pas les 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. URL des pages de contenu contenant des paramètres de requête tels que le suivi les variables, les ID utilisateur, les ID de session ou d'autres identifiants dynamiques peuvent interférer avec la configuration capacité à évaluer le contenu principal de la page et peut entraîner des recherches imprécises ou non pertinentes conditions d'utilisation. Veuillez utiliser "ignoredPageParams" pour identifier ces paramètres non essentiels, pour garantir une indexation correcte du contenu et réduire la charge d'exploration inutile. Cela permet à Google de mieux identifier une page comme déjà explorée et commencer à afficher des suggestions de termes (à la fois sur Google de celui du 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 relatives à l'implémentation d'annonces AdSense pour les recherches personnalisées. Éviter d'utiliser certaines méthodes d'implémentation qui peuvent interférer avec l'affichage des annonces 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 la requête "query" pour la recherche associée sur les pages de contenu, car cela génère des résultats inattendus.