Remarque : N'envoyez qu'une seule demande d'annonce par page, quel que soit le nombre de blocs présents.
Important : Lisez les Conditions d'utilisation avant d'utiliser ce code.
Pour utiliser ce code, vous devez disposer d'un compte AdSense avec l'autorisation active d'utiliser les annonces AdSense pour les recherches personnalisées.
Présentation
Pour implémenter des annonces AdSense pour les recherches personnalisées sur votre site, vous devez suivre trois étapes :
Étape 1 : Créez votre style de recherche personnalisé dans AdSense
Après vous être connecté, développez Annonces pour les recherches, puis cliquez sur Styles de recherche. Vous pouvez créer un style ou en modifier un.
Étape 2 : Configurez le code
Cliquez sur Obtenir le code
Étape 3 : Implémentez le code
Copiez le code du générateur de code et collez-le sur votre page, en n'oubliant pas de mettre à jour le paramètre query. Le code généré dans la balise "head" doit être placé dans la balise "head" de votre site pour que les annonces se chargent correctement. Le code du bloc d'annonces 1 contient les paramètres de tous les blocs d'annonces sur la page. Pour ajouter d'autres blocs d'annonces, il vous suffira de placer le <div> correspondant sur la page où les annonces doivent s'afficher.
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 asynchrone d'annonces. Vous pouvez ouvrir cet exemple dans un nouvel onglet. N'oubliez pas de saisir votre propre client-Id.
<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>
Recherche associée sur les pages de recherche
La recherche associée sur le Réseau de Recherche est une unité naturelle qui contient des termes de recherche associé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>
Recherche associée sur les pages de contenu
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, interagir avec les annonces sur le 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înera 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 que les termes sont pertinents dans le contexte. Lorsqu'une page n'a pas encore été explorée ou que l'exploration est bloquée (par exemple, par un fichier robots.txt) par le robot d'exploration Mediapartners-Google, nous n'affichons pas les termes de recherche associés suggérés 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 de pages de contenu contenant des paramètres de requête tels que des variables de suivi, des ID utilisateur, des identifiants de session ou d'autres identifiants dynamiques peuvent empêcher le robot d'exploration d'évaluer le contenu principal de la page et entraîner des termes associés inexacts ou non pertinents. Veuillez utiliser le paramètre "ignoredPageParams" pour identifier ces paramètres non essentiels. Vous pourrez ainsi assurer une indexation correcte du contenu et 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 (ceux de Google et ceux du partenaire, le cas échéant).
<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 comes from a source you control;
// 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 conseillons à tous les éditeurs de respecter nos consignes pour implémenter les annonces AdSense pour les recherches personnalisées et d'éviter certaines méthodes d'implémentation qui pourraient interférer avec le rendu des annonces et entraîner des résultats inattendus ou des performances sous-optimales.
- N'effectuez pas plusieurs appels d'annonces à partir d'une page, sauf pour une implémentation de défilement infini.
- Ne masquez pas les blocs d'annonces avant ou après l'affichage des annonces.
- Ne déplacez pas les blocs d'annonces sur la page.
- Ne demandez pas plus de blocs d'annonces que vous souhaitez en 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 celui de Google).
- Ne mettez pas en cache les ressources JS 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înera des résultats inattendus.