Monitoraggio delle chiamate a un numero di telefono su un sito web

Una volta impostato il tag Google, dovrai aggiungere uno snippet del numero di telefono. Lo snippet del numero di telefono sostituisce un numero di telefono sul sito web con un numero di inoltro di Google. Installa questo snippet nelle pagine del sito in cui appare il tuo numero di telefono.

1. Accanto a "Snippet del numero di telefono", fai clic su Scarica snippet. Puoi inserire manualmente lo snippet del numero di telefono sul tuo sito web. Lo snippet del numero di telefono sostituisce un numero di telefono sul sito web con un numero di inoltro di Google. In tal modo, puoi capire con quale efficacia i tuoi annunci generano chiamate dal sito web. Lo snippet viene poi compilato automaticamente con il numero di visualizzazione inserito.
2. Seleziona in che modo installare il tag. Puoi:
   • Installa il tag autonomamente. Se selezioni questa opzione, devi seguire le istruzioni riportate di seguito per modificare manualmente il codice del tuo sito web dopo aver installato il tag. Si tratta di un'opzione più avanzata ed è consigliata solo se non hai problemi con l'utilizzo di JavaScript. Ti consigliamo di utilizzare questa opzione se vuoi monitorare le chiamate a più numeri di telefono sul tuo sito web. Nota: con il tag JavaScript predefinito, è possibile monitorare solo un numero per pagina.
   • Invia il tag via email.
   • Utilizza Google Tag Manager.
3. Se hai scelto Invia il tag via email, accanto all'indirizzo email, inserisci l'indirizzo email dello sviluppatore web.
4. Fai clic su Invia e continua.
5. Fai clic su Crea e continua.

1. Apri il codice HTML della pagina in cui hai aggiunto lo snippet del numero di telefono, ovvero la pagina in cui è visualizzato il tuo numero di telefono. Lo snippet del numero di telefono sarà simile all'esempio di codice riportato di seguito, dove "TAG_ID" indica l'ID conversione e "CONVERSION_LABEL" indica l'etichetta conversione:

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

2. Per il parametro phone_conversion_number, sostituisci "REPLACE WITH VALUE" con il numero di telefono della tua attività. Assicurati che il numero corrisponda esattamente a quello indicato sulla tua pagina e includa i codici paese pertinenti.
3. (Facoltativo) Aggiungi i seguenti parametri facoltativi allo snippet del numero di telefono. Attieniti a queste linee guida per inserire i valori dei seguenti parametri:
   1. phone_conversion_callback: inserisci una funzione di callback. Questa funzione verrà richiamata con due argomenti. Il primo argomento è il numero di telefono formattato (nello stesso formato del parametro phone_conversion_number). Il secondo argomento è il numero di telefono nel formato esteso (ad es. "18001234567").
   2. phone_conversion_css_class: inserisci un nome di classe CSS. Tutti i contenuti degli elementi di tale classe verranno sostituiti con un numero di telefono formattato.
   3. phone_conversion_options: puoi inserire uno dei seguenti valori:
      • timeout: tempo massimo, in millisecondi, consentito per il recupero di un numero. Se non viene recuperato alcun numero entro questo termine, nessun numero verrà inviato al target. Il valore predefinito è 5000 millisecondi.
      • cache: imposta il valore su false per disattivare la memorizzazione nella cache del numero recuperato in un cookie; altrimenti, imposta il valore su true.

   Esempio di snippet del numero di telefono con parametri facoltativi

   <script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-650-555-5555',
'phone_conversion_callback': function(formatted_number, mobile_number) {
// formatted_number: numero da visualizzare, nello stesso formato del
// numero trasmesso a 'phone_conversion_number'.
// (in this case, '1-650-555-5555')
// mobile_number: numero formattato per l'utilizzo in un link selezionabile
// with tel:-URI (in questo caso '+16505555555')
var e = document.getElementById("number");
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
},
'phone_conversion_options': {
'timeout': 20,
'cache': false
}
});
</script>
4. Salva le modifiche apportate alla pagina web.

Gli esempi riportati di seguito mostrano come implementare lo snippet di codice in tre casi di utilizzo diversi.

Esempio 1: sostituzione del tuo numero di telefono statico con un numero di inoltro di Google

Questa funzione consente di ottenere un numero di telefono e di sostituire i contenuti di tutti gli elementi span di una determinata classe. In questo esempio, il numero di telefono "1-800-123-4567" all'interno del tag span sarà sostituito dal numero di inoltro formattato generato dinamicamente:

1. Aggiungi il parametro phone_conversion_css_class con il valore number allo snippet del numero di telefono. Questa riga è evidenziata nell'esempio seguente:

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

2. Nel codice HTML della pagina web contenente i tuoi numeri di telefono, aggiungi l'attributo class del parametro phone_conversion_css_class (evidenziato nell'esempio di seguito) al tag <span> contenente il numero di telefono.
   <body>
<span class="number">1-800-123-4567</span>
</body>

Esempio 2: passaggio del numero di inoltro di Google a una funzione di callback personalizzata

Questa funzione consente di ottenere un numero di telefono e di inviarlo a una funzione di chiamata. L'esempio di funzione di chiamata sostituirà con il numero di inoltro formattato i contenuti di un elemento con ID "number".

1. Aggiorna il tuo snippet del numero di telefono in modo che corrisponda all'esempio di codice riportato di seguito. Sostituisci "1-800-123-4567" con il numero di telefono visualizzato nel tuo sito web. Inoltre, assicurati di sostituire "TAG_ID" con l'ID tag unico per il tuo account Google Ads e "CONVERSION_LABEL" con l'etichetta conversione unica per l'azione di conversione.

   <script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: numero da visualizzare nello stesso formato di
// 'phone_conversion_number'.
// (in this case, '1-800-123-4567')
// mobile_number: numero formattato per l'utilizzo in un link selezionabile
// 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. Nel codice HTML della pagina web contenente i tuoi numeri di telefono, aggiungi il parametro ID con il valore number (evidenziato nell'esempio di seguito) al tag <span> contenente il numero di telefono.
   <body>
<span id="number">1-800-123-4567</span>
</body>

Per consentire alle persone di visualizzare il tuo sito web su un cellulare per chiamare facilmente la tua attività, puoi rendere cliccabile il numero di inoltro di Google.

Esempio 3: passaggio del numero di inoltro di Google a una funzione di callback personalizzata sul sito per dispositivi mobili
Nelle pagine web per dispositivi mobili con un numero di telefono cliccabile, sostituisci sia il numero visualizzato sia il numero che viene chiamato tramite il clic. Questa operazione richiede l'uso della funzione di callback.

1. Aggiorna il tuo snippet del numero di telefono in modo che corrisponda all'esempio di codice riportato di seguito. Sostituisci "1-800-123-4567" con il numero di telefono visualizzato nel tuo sito web. Inoltre, assicurati di sostituire "CONVERSION_ID" con l'ID conversione unico per il tuo account Google Ads e "CONVERSION_LABEL" con l'etichetta conversione unica per l'azione di conversione.
   <script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: numero da visualizzare nello stesso formato di
// 'phone_conversion_number'.
// (in questo caso, '1-800-123-4567')
// mobile_number: numero formattato per l'utilizzo in un link selezionabile
// 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. Nel codice HTML della pagina web contenente i tuoi numeri di telefono, aggiungi l'attributo id con il valore number (evidenziato nell'esempio di seguito) al tag <a> contenente il numero di telefono.
   <body>
<a href="tel:18001234567" id="number">1-800-123-4567</a>
</body>