Seguimiento de conversiones en formularios con Google Ads

Avatar
Strikingly Developer

Si quieres usar Google Adwords para rastreo en los formularios de contacto de Strikingly, tienes dos formas de hacerlo:

 

 

Seguimiento en la página

Con este método, cuando tu usuario envía el formulario de contacto, el código de conversión es ejecutado. 

 

Paso 1: Obtén tu ID de Conversión y Etiqueta de Conversión de Google Ads

1. Entra a tu cuenta de Google Ads.

2. Haz clic en el menú de Herramientas y Ajustes.

3. Debajo de Medidas, haz clic en Conversiones, esto abrirá la tabla de Acciones de Conversión.

4. Elige el nombre de la conversión que quieras usar de la columna de acciones de Conversión.

5. Expande la pestaña para establecer las Etiquetas y ver el detalle de las etiquetas.

6. Selecciona Usar Administrador de Etiquetas Google.

7. Copia el ID de Conversión y Etiqueta de Conversión. 

mceclip0.png

 

Paso 2: Agrega tu ID de Conversión y Etiqueta de Conversión

1. Copia el siguiente código (todo el código) en algún lado, como un blog de notas.

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-YOUR_CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-YOUR_CONVERSION_ID');
</script>
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-YOUR_CONVERSION_ID/YOUR_CONVERSION_LABEL',
      'event_callback': callback
  });
  return false;
}
</script>
<script>
var conversionFunc = function() {
  window.edit_page.Event.subscribe('Site.contactForm.submit', function() {
    gtag_report_conversion()
  });
};
  
_strk.push(['Page.didMount', conversionFunc]);  
</script>

2. Reemplaza el texto YOUR_CONVERSION_ID y YOUR_CONVERSION_LABEL en el código con tu propio código de Conversión y tu Etiqueta de Conversión, respectivamente, y que obtuviste de Google Ads.

 

Paso 3: Pon el código en tu editor de Strikingly

1. Ve al editor de tu sitio y haz clic en Ajustes > Avanzados > Código Personalizado > Código de pie de página.

2. Pega el código ahí.

3. Haz clic "GUARDAR".

4. Publica tu sitio.

 

Éxito del seguimiento de la página de redirección

Usa este método para redirigir al visitante a una página de éxito con una nueva URL. El código de conversión se ejutará al someter el formulario. Tendrás dos páginas:

  • Página A: La página en la que el formulario de contacto está alojado
  • Página B: La página de éxitosa.

 

Paso 1: Obtén tu Id de Conversión y Etiqueta de Conversión de Google Ads

1. Entra a tu cuenta de Google Ads.

2. Haz clic en el menú de Herramientas y Ajustes.

3. Debajo de Medidas, haz clic en Conversiones, esto abrirá la tabla de Acciones de Conversión.

4. Selecciona el nombre de la conversión que quieres usar desde la columba de acciones de Conversión.

5. Expande la pestaña para establecer la vista de Etiquetas y ver los detalles de las Etiquetas.

6. Selecciona Usar Administrador de Google Tag.

7. Copia el ID de Conversión y Etiqueta de Conversión. 

mceclip0.png

 

Paso 2: Agrega tu ID de Conversión y Etiqueta de Conversión

1. Copia el siguiente código (todo) en algún lugar, como un blog de notas.

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-YOUR_CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-YOUR_CONVERSION_ID');
</script>
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-YOUR_CONVERSION_ID/YOUR_CONVERSION_LABEL',
      'event_callback': callback
  });
  return false;
}
</script>
<script>
var conversionFunc = function() {
  window.edit_page.Event.subscribe('Site.contactForm.submit', function() {
    gtag_report_conversion("https://SUCCESS_PAGE_URL")
  });
};
  
_strk.push(['Page.didMount', conversionFunc]);  
</script>

2. Reemplaza el texto YOUR_CONVERSION_ID y YOUR_CONVERSION_LABEL en el código por tu propio ID de Conversión y tu Etiqueta de Conversión de Google Ads.

3. Reemplaza el texto https://SUCCESS_PAGE_URL a la URL de la Página B: La página de éxitosa.

 

Paso 3: Pon el código en tu editor de Strikingly¿

1. Ve al editor de tu sitio y haz clic en Ajustes > Avanzados > Código Personalizado > Código de pie de página.

2. Pega el código ahí.

3. Haz clic "GUARDAR".

4. Publica tu sitio.

 

 

Siéntete con la libertad de enviarnos un email o chatea con nosotros si tienes alguna otra pregunta.

¿Tiene más preguntas? Enviar una solicitud