Effectuer le suivi des appels vers un numéro indiqué sur un site Web

Une fois votre balise Google configurée, vous devez ajouter un extrait de numéro de téléphone. L'extrait de numéro de téléphone remplace un numéro de téléphone sur votre site par un numéro de transfert Google. Insérez-le sur les pages de votre site sur lesquelles votre numéro de téléphone apparaît.

1. À côté de "Extrait de numéro de téléphone", cliquez sur Télécharger l'extrait. Vous pouvez saisir manuellement l'extrait de numéro de téléphone sur votre site Web. Il remplace un numéro sur votre site par un numéro de transfert Google, ce qui vous permet de savoir dans quelle mesure vos annonces génèrent des appels à partir de votre site Web. L'extrait est automatiquement renseigné avec le numéro à afficher que vous avez saisi.
2. Sélectionnez la méthode que vous souhaitez utiliser pour installer la balise. Les options disponibles sont les suivantes :
   • Installer la balise vous-même. Si vous sélectionnez cette option, vous devez suivre les instructions ci-dessous pour modifier le code de votre site manuellement après avoir inséré votre balise. Cette option plus avancée n'est recommandée que si vous êtes à l'aise avec l'utilisation du code JavaScript. Vous devez l'utiliser si vous souhaitez effectuer le suivi des appels vers plusieurs numéros de téléphone sur votre site Web. Remarque : un numéro seulement peut être suivi sur une seule page, à l'aide de la balise JavaScript par défaut.
   • Envoyer la balise par e-mail.
   • Utiliser Google Tag Manager.
3. Si vous choisissez Envoyer la balise par e-mail à côté de "Adresse e-mail", saisissez l'adresse e-mail de votre développeur Web.
4. Cliquez sur Envoyer et continuer.
5. Cliquez sur Créer et continuer.

1. Affichez le code HTML de la page sur laquelle vous avez inséré l'extrait de numéro de téléphone ou la page sur laquelle votre numéro de téléphone apparaît. L'extrait ressemble à l'exemple de code ci-dessous, où TAG_ID correspond à votre ID de balise et CONVERSION_LABEL représente votre libellé de conversion :

   <script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': 'REPLACE WITH VALUE'
});
</script>

2. Pour le paramètre phone_conversion_number, remplacez "REPLACE WITH VALUE" par le numéro de téléphone de votre entreprise. Veillez à indiquer exactement le numéro affiché sur votre page, en incluant le code pays s'il apparaît.
3. (Facultatif) Ajoutez les paramètres suivants à l'extrait de numéro de téléphone. Pour saisir les valeurs correspondantes, respectez les instructions ci-dessous :
   1. phone_conversion_callback : saisissez une fonction de rappel. Elle sera appelée avec deux arguments. Le premier correspond au numéro de téléphone au format approprié (format identique au paramètre "phone_conversion_number"). Le second argument correspond au numéro de téléphone sans mise en forme (par exemple : "18001234567").
   2. phone_conversion_css_class : saisissez un nom de classe CSS. Le contenu de tous les éléments de cette classe sera remplacé par un numéro de téléphone présenté au format approprié.
   3. phone_conversion_options : vous pouvez saisir l'une des valeurs ci-dessous :
      • timeout : temps maximal, en millisecondes, alloué pour obtenir un numéro. Si le numéro n'est pas récupéré dans ce délai, aucun numéro n'est envoyé à la cible. Le délai avant expiration par défaut est de 5 000 millisecondes.
      • cache : à définir sur false pour désactiver la mise en cache du numéro obtenu dans un cookie. Sinon, définissez la valeur sur true.

   Exemple d'extrait de numéro de téléphone avec paramètres facultatifs

   <script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-650-555-5555',
'phone_conversion_callback': function(formatted_number, mobile_number) {
// formatted_number: number to display, in the same format as the
// number passed to 'phone_conversion_number'.
// (in this case, '1-650-555-5555')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+16505555555')
var e = document.getElementById("number");
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
},
'phone_conversion_options': {
'timeout': 20,
'cache': false
}
});
</script>
4. Enregistrez les modifications apportées à votre page Web.

Les exemples ci-dessous montrent comment insérer cet extrait de code dans trois cas d'utilisation différents.

Exemple 1 : Remplacer votre numéro de téléphone statique par un numéro de transfert Google

Cette fonction récupère un numéro de téléphone et remplace le contenu de toutes les balises <span> de la classe concernée. Dans cet exemple, le numéro de téléphone "1-800-123-4567" présent dans la balise <span> sera remplacé par le numéro de transfert généré dynamiquement et converti au format approprié.

1. Ajoutez le paramètre "phone_conversion_css_class" avec la valeur "number" à votre extrait de numéro de téléphone. Cette ligne est mise en surbrillance dans l'exemple ci-dessous :

   <script type="text/javascript">
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_css_class':'number'
});
</script>

2. Dans le code HTML de la page Web qui contient votre numéro de téléphone, ajoutez la classe du paramètre "phone_conversion_css_class" (en surbrillance dans l'exemple ci-dessous) à la balise <span> contenant votre numéro de téléphone.
   <body>
<span class="number">1-800-123-4567</span>
</body>

Exemple 2 : Transmettre le numéro de transfert Google à une fonction de rappel personnalisée

Cette fonction récupère un numéro de téléphone et l'envoie à une fonction de rappel. La fonction de rappel fournie en exemple remplacera le contenu d'un élément portant l'ID "number" par le numéro de transfert converti au format approprié.

1. Mettez à jour votre extrait de numéro de téléphone pour qu'il corresponde à l'exemple de code ci-dessous. Remplacez "1-800-123-4567" par le numéro de téléphone qui apparaît sur votre site Web. Veillez également à remplacer TAG_ID par l'ID de balise propre à votre compte Google Ads et CONVERSION_LABEL par le libellé de conversion associé à l'action de conversion.

   <script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: number to display, in the same format as
// 'phone_conversion_number'.
// (in this case, '1-800-123-4567')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+18001234567')
var e = document.getElementById("number");
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
};

   gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_callback': callback
});
</script>

2. Dans le code HTML de la page Web qui contient votre ou vos numéros de téléphone, ajoutez le paramètre ID avec la valeur "number" (en surbrillance dans l'exemple ci-dessous) à la balise <span> contenant votre numéro de téléphone.
   <body>
<span id="number">1-800-123-4567</span>
</body>

Pour permettre aux utilisateurs de consulter votre site Web sur leur téléphone mobile et d'appeler votre entreprise facilement, vous pouvez rendre le numéro de transfert Google cliquable.

Exemple 3 : Transmettre le numéro de transfert Google à une fonction de rappel personnalisée sur votre site mobile
Sur les pages Web mobiles comportant un numéro de téléphone cliquable, ce code remplace le numéro qui s'affiche et le numéro appelé lorsque l'utilisateur clique dessus. Cette opération nécessite d'utiliser la fonction de rappel.

1. Mettez à jour votre extrait de numéro de téléphone pour qu'il corresponde à l'exemple de code ci-dessous. Remplacez "1-800-123-4567" par le numéro de téléphone qui apparaît sur votre site Web. Veillez également à remplacer "CONVERSION_ID" par l'ID de conversion propre à votre compte Google Ads et "CONVERSION_LABEL" par le libellé de conversion associé à l'action de conversion.
   <script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: number to display,in the same format as
// 'phone_conversion_number'.
// (in this case, '1-800-123-4567')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+18001234567')
var e = document.getElementById("number");
e.href = "tel:" + mobile_number;
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
};
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_callback': callback
});
</script>
2. Dans le code HTML de la page Web qui contient votre ou vos numéros de téléphone, ajoutez l'attribut ID avec la valeur "number" (en surbrillance dans l'exemple ci-dessous) à la balise <a> contenant votre numéro de téléphone.
   <body>
<a href="tel:18001234567" id="number">1-800-123-4567</a>
</body>