Bibliothèque AdSense : Utiliser l'unité d'annonce pour carte Google Maps

Bibliothèque Adsense ( Adsense Library ) exemples et tutoriels en Français

Cartographie et webmapping

Partager ce tutoriel sur les réseaux sociaux
Signaler une erreur dans cet article
Attention : Google a annoncé que la bibliothèque Adsense ( AdSense Library ) de l'API Google Maps Version 3 sera définitivement supprimée le 03 novembre 2015.
Source : The adsense library has been deprecated. This library will continue to work until November 2, 2015. After that date, the library will no longer be available.

Unité d'annonce (Maps Ad Unit) pour l'API Google Maps V3

L'unité d'annonce pour carte est une nouvelle option publicitaire au sein de l'API Google Maps JavaScript Version 3 pour gérer l'affichage de publicités au sein de votre application cartographique. Vous créez une unité d'annonce pour carte à l'aide du constructeur AdsUnit. Les unités d'annonce pour carte affichent un petit panneau contenant des publicités textuelles AdSense adaptées à la zone actuellement visible sur la carte. L'affichage de l'annonce peut apparaître dans un emplacement par défaut en fonction du format de l'unité d'annonces, sur la carte dans un emplacement (ControlPosition) que vous avez spécifié, ou au sein d'une balise <div/> externe.

Pour profiter de vos revenus publicitaires, assurez-vous également de préciser votre identifiant d'éditeur AdSense pour le contenu lorsque vous créez votre Unité d'annonce (Attention : L' AdUnit ne fonctionnera s'il n'est pas associé à un ID d'éditeur.) Vous commencerez à recevoir des revenus publicitaires dès qu'un clic sera effectué sur le bloc d'annonces dans votre application API Maps. Vous pouvez également spécifier un canal AdSense pour le contenu (Plus d'informations sur les canaux de la publicité.)

Exemple de code pour insérer une annonce Adsense dans une carte Google

L'exemple suivant vous montre comment insérer une annonce publicitaire Adsense sur une carte. Cette publicité est placée en haut au centre de la carte et a pour dimensions 234 X 60 pixels (HALF_BANNER)

Attention : N'oubliez pas que vous devez utiliser votre propre ID d'éditeur pour votre application.

<!DOCTYPE html>
<html lang="fr">
	<head>
		<title>Google Maps JavaScript API v3 Example: Unité d´annonces pour carte</title>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
		<meta charset="UTF-8">
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=adsense"></script>
		<script>
			var maCarte;
			var publicite;
			function initialize() {
				var Tours = new google.maps.LatLng(47.394144,0.684843);
				var optionsCarte = {
					center: Tours,
					zoom: 12,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
				maCarte = new google.maps.Map(document.getElementById ("EmplacementDeMaCarte"), optionsCarte);
				/**
				 * Balise <div/> dans laquelle sera affichée l'annonce Adsense
				 * Elle peut être interne ou externe à la carte
				 */
				var publiciteDIV = document.createElement("div");
				/**
				 * Options fixant les caractéristiques de l'annonce publicitaire
				 */
				var optionsPublicite = {
					/**
					 * Format de l'annonce publicitaire : HALF_BANNER : 234 X 60 pixels
					 */
					format: google.maps.adsense.AdFormat.HALF_BANNER,
					/**
					 * Position de l'annonce publicitaire : TOP_CENTER : Centrée en haut de la carte
					 */
					position: google.maps.ControlPosition.TOP_CENTER,
					/**
					 * ID d'éditeur Adsense (ID publisher)
					 */
					publisherID: "pub-6444523573115879",
					/**
					 * Carte sur laquelle afficher l'annonce publicitaire Adsense
					 */
					map: maCarte
				}
				/**
				 * Affichage de l'annonce Adsense en tenant compte de :
				 *  - publiciteDIV
				 *  - optionsPublicite
				 */
				publicite = new google.maps.adsense.AdUnit(publiciteDIV, optionsPublicite);
			}
			google.maps.event.addDomListener(window, "load", initialize);
		</script>
	</head>
	<body>
		<div id="EmplacementDeMaCarte" style="width:100%;height:400px"></div>
	</body>
</html>

Carte Google Maps avec publicité Google Adsense

Référence bibliothèque Adsense pour l'API Google Maps V3

Pour plus d'informations vous pouvez consulter la Référence de la bibliothèque Adsense :