Effectuer le suivi des clics sur votre site Web en tant que conversions

Grâce au suivi des conversions, vous pouvez comptabiliser le nombre de clics effectués sur un bouton ou un lien de votre site Web. Par exemple, vous pouvez suivre les clics sur un bouton "Acheter maintenant" ou sur un numéro de téléphone affiché sur votre site Web mobile.

Cet article explique comment ajouter et modifier une balise de suivi des conversions afin de comptabiliser les clics des utilisateurs sur votre site Web. Si vous souhaitez plutôt effectuer le suivi des chargements de pages en tant que conversions, consultez ces instructions.

Avant de commencer

Avant d'ajouter une balise de suivi des conversions à votre site Web, assurez-vous que :

ce type de suivi des conversions répond à vos besoins ;
vous pouvez modifier votre site Web. Vous ou votre développeur Web devez être en mesure d'ajouter la balise dans le code de votre site Web.

Instructions

Sélectionnez la version de la balise de suivi des conversions que vous utilisez. Vous ne pouvez obtenir des extraits de code d'une balise sur l'intégralité du site que dans Google Ads. Nous vous recommandons de migrer vers cette nouvelle version. Les balises de la version précédente de Google Ads continueront de fonctionner.

Configurer le suivi des conversions avec la balise Google

Suivez les clics sur votre site Web en créant une action de conversion.
- Pour les versions pour ordinateur, configurez le suivi des conversions pour votre site Web.
- Pour les sites mobiles, suivez les clics sur un numéro de téléphone affiché sur un site Web mobile.

Lorsque vous configurez la balise, choisissez l'option Clic plutôt que Chargement de page. L'extrait d'événement ressemblera à l'exemple suivant :

<script>
function gtag_report_conversion(url) {
     var callback = function () {
     if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'TAG_ID/CONVERSION_LABEL',
      'value': 1.0,
      'currency': 'USD',
     'event_callback': callback
  });
return false;
}
</script>

Note: You may disable the collection of remarketing data for users who do not wish to view personalized ads. Learn more About the Google tag.

Sur votre site Web, ouvrez le code HTML de la page comportant le bouton ou le lien que vous souhaitez suivre. Insérez l'extrait d'événement entre les balises head (<head> et </head>) de votre page, juste après la balise Google.
Vous devez maintenant ajouter un attribut "onclick" directement au code du bouton ou du lien dont vous souhaitez effectuer le suivi. Ce code varie en fonction du mode d'affichage du lien ou du bouton sur votre site Web (lien textuel, bouton ou image de bouton).

Ajouter le code à un lien textuel : ce code vous montre comment ajouter la fonctionnalité de suivi des clics à un lien en utilisant la balise <a>. Dans le code ci-dessous, remplacez "http://example.com/your-link" par l'URL de destination associée à votre lien ou "800-123-4567" par le numéro de téléphone figurant sur votre site Web. Par ailleurs, remplacez "Télécharger" ou "Appeler" par le texte de votre lien. Le code qui doit être ajouté à la balise du lien est mis en surbrillance en jaune.
<a onclick="return gtag_report_conversion('http://example.com/your-link');"
href="http://example.com/your-link">Download now!</a>
or

<a onclick="return gtag_report_conversion('tel:800-123-4567');" href="tel:800-123-4567">Call now!</a>

Add the code to a button: This code shows you how to add click tracking functionality to a button using the <button> tag. In the code below, replace “http://example.com/your-link” with the destination URL of your link or “800-123-4567” with the phone number on your website.
<button onclick="return gtag_report_conversion('http://example.com/your-link')">Envoyer</button>
ou

<button onclick="return gtag_report_conversion('tel:800-123-4567')">Appeler</button>

Ajouter le code à une image de bouton : dans le code ci-dessous, remplacez "download_button.gif" par l'image du bouton, les valeurs "width" et "height" par la largeur et la hauteur du bouton, et "http://example.com/your-link" par l'URL associée à votre lien ou "800-123-4567" par le numéro de téléphone figurant sur votre site Web.
<img src="download_button.gif" alt="Download Whitepaper"
        width="32" height="32"
        onclick="return gtag_report_conversion('http://example.com/your-link')" />
or

<img src="call_button.gif" alt="Call now!" width="32" height="32" onclick="return gtag_report_conversion('tel:800-123-4567')" />

Pour que le suivi des conversions fonctionne, vous devez insérer l'extrait d'événement et le code "onclick" approprié (issu de l'un des exemples ci-dessus) sur la page comportant le lien ou le bouton. Cette méthode permet d'indiquer à Google Ads de n'enregistrer une conversion que lorsqu'un internaute clique sur l'élément en question.

Important

Votre site Web doit appeler la fonction "gtag_report_conversion" lorsqu'un internaute clique sur le lien, le bouton ou l'image du bouton, puis transmettre l'URL de votre site Web ou le lien associé à votre numéro de téléphone (par exemple : "http://example.com/your-link", "tel: 800-123-4567") comme valeur du paramètre.

Vérifier votre balise Google

Pour vous assurer que la balise est bien insérée et effectue correctement le suivi des conversions, ou si vous pensez qu'elle présente un problème, utilisez les méthodes suivantes :

Suivez les instructions vous permettant de vérifier votre balise de suivi des conversions.
Téléchargez Google Tag Assistant pour Google Chrome afin de résoudre les problèmes liés à votre balise de suivi des conversions.

Configurer le suivi des conversions à l'aide de JavaScript

Pour effectuer le suivi des conversions en fonction des clics sur votre site Web (mobile ou non), procédez comme suit :

Une fois que vous avez configuré votre action de conversion, votre balise de conversion devrait ressembler à l'exemple suivant :

	<!-- Code Google pour la page de conversion d'ajout au panier
	Dans la page HTML, ajoutez l'extrait et appelez goog_report_conversion
	lorsqu'un internaute clique sur le lien ou le bouton souhaité. -->
	<script type="text/javascript">
	 /* <![CDATA[ */
	goog_snippet_vars = function() {
	  var w = window;
      w.google_conversion_id = 12345678;
	  w.google_conversion_label = "abcDeFGHIJklmN0PQ";
	  w.google_conversion_value = 13.00;
	  w.google_conversion_currency = "USD";
	  w.google_remarketing_only = false;
	}
	// NE PAS MODIFIER LE CODE CI-DESSOUS.
	goog_report_conversion = function(url) {
	  goog_snippet_vars();
	  window.google_conversion_format = "3";
	  var opt = new Object();
	  opt.onload_callback = function() {
	  if (typeof(url) != 'undefined') {
	    window.location = url;
	  }
	}
	var conv_handler = window['google_trackConversion'];
	if (typeof(conv_handler) == 'function') {
	  conv_handler(opt);
	  }
        }
	/* ]]> */
	</script>
	<script type="text/javascript"
	src="//googleadservices.com/pagead/conversion_async.js">
	</script>

Remarque : Vous pouvez désactiver la collecte de vos données auprès des utilisateurs qui ne souhaitent pas voir d'annonces personnalisées. Découvrez comment désactiver la collecte des données personnalisées pour des utilisateurs spécifiques.

Sur votre site Web, ouvrez le code HTML de la page comportant le bouton ou le lien que vous souhaitez suivre.
Collez la balise de suivi des conversions entre les balises <body></body> de la page.
Vous devez maintenant ajouter une commande "onclick" directement dans le code du bouton ou du lien concerné. Le code à utiliser dépend du mode d'affichage du lien ou du bouton sur votre site Web : lien textuel, image ou bouton :
- Ajouter le code à un lien textuel : dans le code ci-dessous, remplacez “http://example.com/your-link” par l'URL de votre site Web ou du lien associé à votre numéro de téléphone, et “Télécharger” ou "Appeler" par le texte de votre lien.
```
<a onclick="goog_report_conversion ('http://example.com/your-link')"
href="http://example.com/your-link">Télécharger</a>
```
  Ou :
```
<a onclick="goog_report_conversion ('tel:800-123-4567')"
href="#">Appeler</a>
```
- Ajouter le code à un bouton : dans le code ci-dessous, remplacez “http://example.com/your-link” par l'URL de votre site Web ou du lien associé à votre numéro de téléphone, et “Télécharger” ou "Appeler" par le texte de votre bouton.
```
<button onclick="goog_report_conversion('http://example.com/your-link')" href="http://example.com/your-link">Télécharger</button>
```
  Ou :
```
<button onclick="goog_report_conversion('tel:800-123-4567')">Appeler le 800-123-4567</button>
```
- Ajouter le code à une image : dans le code ci-dessous, remplacez "download_button.gif" par l'image du bouton, les valeurs "width" et "height" par la largeur et la hauteur du bouton, et "http://example.com/your-link" par l'URL associée à votre lien.
```
<img src="download_button.gif" alt="Télécharger le livre blanc"
        width="32" height="32"
        onClick="goog_report_conversion
        ('http://example.com/your-link')"/>        
```
  Ou :
```
<img src="my_phone_button.gif" alt="Appeler le 800-123-4567"
 width="32" height="32"
 onClick="goog_report_conversion('tel:800-123-4567')"/>
```

Pour que le suivi fonctionne, vous devez inclure la balise de suivi des conversions et le code onclick approprié indiqué dans l'un des exemples ci-dessus. Cette approche permet à Google Ads de n'enregistrer une conversion que lorsqu'un internaute clique sur le lien ou le bouton souhaité.

Vérifier votre balise de conversion

Pour vous assurer que la balise est bien insérée et effectue correctement le suivi des conversions, ou si vous pensez qu'elle présente un problème, utilisez les méthodes suivantes :

Suivez les instructions vous permettant de vérifier votre balise de suivi des conversions.
Téléchargez Google Tag Assistant pour Google Chrome afin de résoudre les problèmes liés à votre balise de suivi des conversions.

Liens associés

Ces informations vous-ont elles été utiles ?

Comment pouvons-nous l'améliorer ?