Solucionar problemas de formato comunes en los parámetros personalizados

En este artículo se explica cómo aplicar formato a los parámetros personalizados y cómo solucionar problemas al añadir la etiqueta de remarketing al sitio web. También se incluyen instrucciones para añadir código JavaScript u otros tipos de código a su sitio web, así como los errores más habituales que podrían cometerse al modificar el código.

Antes de empezar

Para empezar a usar parámetros personalizados, consulte primero cómo añadir la etiqueta de remarketing dinámico a su sitio web.

Nota sobre el signo et (&)

El signo et (&) debe introducirse en el código HTML como "&amp;" (en el atributo "src" de la etiqueta <img>), pero no en el código JavaScript. En muchas etiquetas y contenedores que permiten el piggybacking de píxeles (como Floodlight) se asume que las URL no están en código HTML. Esto conlleva errores frecuentes en los que se codifica dos veces el "&", lo que puede ocasionar que el seguimiento no se realice correctamente. Asegúrese de utilizar URLs en formato correcto según el contexto. En caso de duda, utilice la extensión de Chrome Asistente para etiquetas de Google con objeto de verificar que la implementación sea correcta.

Utilizar Google Tag Manager

En lugar de añadir etiquetas de remarketing dinámico a su sitio web, puede usar Google Tag Manager. Esta opción redirige los datos de etiqueta a través de un tercero (Google).

Cómo aplicar formato a los parámetros personalizados

  • En el caso de las páginas con muchos ID, como las del carrito de la compra, use corchetes para agrupar los ID. Ejemplo: flight_destid: ["123", "456"]
  • Use comillas simples o dobles para definir los parámetros personalizados de la cadena. Funcionan tanto unas como las otras, pero hay que ser coherente en su uso. Ejemplo: Si usa comillas simples, deberá hacerlo en todos los valores.
  • No use comillas en los parámetros personalizados numéricos. Ejemplo: flight_totalvalue: 200.99
  • Separe los parámetros con comas. Si no incluye comas, la etiqueta no funcionará correctamente.
  • Los parámetros personalizados solo pueden contener letras, dígitos y guiones bajos, y no deben comenzar con dígitos ni incluir espacios.
  • Para garantizar una configuración óptima, use los valores recomendados en este artículo, ya que son los que forman las listas que Google Ads crea automáticamente cuando usted configura su campaña de remarketing dinámico. Se pueden utilizar valores adicionales para definir otras páginas específicas en su sitio web.

Ejemplos de parámetros personalizados

A continuación se muestra un ejemplo del sitio web de una aerolínea en el que se han implementado todos los parámetros personalizados básicos.

Sección del sitio web Muestra de etiqueta de parámetro personalizado Notas
Inicio <script type="text/javascript">
var google_tag_params = {
flight_destid: "",
flight_pagetype: "home",
flight_totalvalue:
};
</script>
En la página principal se incluye información sobre el tipo de página.

Aunque es posible que no haya información sobre productos o servicios en estas páginas, Google Ads puede tomar de su feed aquellos con más probabilidades de llamar la atención de los usuarios.
Página de resultados de la búsqueda <script type="text/javascript">
var google_tag_params = {
flight_destid: "",
flight_pagetype: "searchresults",
flight_totalvalue:
};
</script>
En la página de resultados de la búsqueda se incluye información sobre el tipo de página.
Página de detalles de la oferta <script type="text/javascript">
var google_tag_params = {
flight_destid: "123",
flight_pagetype: "offerdetail",
flight_totalvalue: 99.00
};
</script>
En la página de detalles de la oferta puede introducir información de forma dinámica sobre el producto o el servicio que se esté visualizando. Use el mismo ID que el del feed.
Página del carrito de la compra Destino único
<script type="text/javascript">
var google_tag_params = {
flight_destid: "123",
flight_pagetype: "cart",
flight_totalvalue: 120.00
};
</script>


Varios destinos
<script type="text/javascript">
var google_tag_params = {
flight_destid: ["SFO", "SJC", "NYC", "LAX"],
flight_pagetype: "cart",
flight_totalvalue: [120.00, 300.00, 500.00, 900.00]
};
</script>
En la página del carrito de la compra, se incluye información sobre todos los artículos que hay en el carrito. Cuando un parámetro contenga varios valores, use agrupaciones de JavaScript (corchetes). En el parámetro "xxxxxxxx_totalvalue", debe enviar la suma de los valores del carrito.
Página de compra Destino único
<script type="text/javascript">
var google_tag_params = {
flight_destid: "123",
flight_pagetype: "purchase",
flight_totalvalue: 120.00
};
</script>


Varios destinos
<script type="text/javascript">
var google_tag_params = {
flight_destid: ["SFO", "SJC", "NYC", "LAX"],
flight_pagetype: "purchase",
flight_totalvalue: [120.00, 300.00, 500.00, 900.00]
};
</script>
La página de confirmación de compra también debe incluir todos los productos que compró el usuario. En el parámetro "xxxxxxxx_totalvalue", debe enviar la suma de los valores del carrito o de la página de conversión.
Otras páginas <script type="text/javascript">
var google_tag_params = {
flight_destid: "",
flight_pagetype: "other",
flight_totalvalue:
};
</script>
En todas las demás páginas, use "other" para el parámetro xxxxxxxx_pagetype.

Aunque es posible que no haya información sobre productos o servicios en estas páginas, Google Ads puede tomar de su feed aquellos con más probabilidades de llamar la atención de los usuarios.

Errores habituales al configurar parámetros personalizados

A continuación se incluye un ejemplo del sitio web de una aerolínea para mostrar algunos de los errores que cometen habitualmente los usuarios cuando implementan parámetros personalizados. Si utiliza el Asistente para etiquetas, podrá identificar la mayoría de estos errores.

1. Los valores de la cadena no se entrecomillan. Por ejemplo:

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight_pagetype: purchase,
flight_totalvalue: 120.99
};
</script>

En ese caso, debería cambiarse por lo siguiente:

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight_pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

Las comillas simples también funcionan, siempre que se utilicen de forma coherente.

2. Los parámetros personalizados no están separados por comas (","). Por ejemplo:

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234"
flight_pagetype: "purchase"
flight_totalvalue: 120.99
};
</script>

En ese caso, debería cambiarse por lo siguiente:

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight_pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

No es necesario que el último parámetro personalizado vaya seguido de "," pero no pasa nada si es así.

3. El parámetro contiene un espacio o caracteres que no son ASCII. Solo se admiten [a-z][0-9] y '_'. Por ejemplo:

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

En ese caso, debería cambiarse por lo siguiente:

<script type="text/javascript">
var google_tag_params = {
flight_destid: 234,
flight_pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

4. Un parámetro contiene valores que no están entre corchetes. Por ejemplo:

<script type="text/javascript">
var google_tag_params = {
flight_destid: "123,"234",
flight_pagetype: "cart",
flight_totalvalue: 100,50
};
</script>

En ese caso, debería cambiarse por lo siguiente:

<script type="text/javascript">
var google_tag_params = {
flight_destid: ["123","234"],
flight_pagetype: "cart",
flight_totalvalue: [100,50]
};
</script>

5. No se ha definido el valor de un parámetro. Por ejemplo:

<script type="text/javascript">
var google_tag_params = {
flight_destid: ,
flight_pagetype: "other",
flight_totalvalue:
};
</script>
En ese caso, debería cambiarse por lo siguiente:

 

<script type="text/javascript">
var google_tag_params = {
flight_destid: "0",
flight_pagetype: "other",
flight_totalvalue: "0"
};
</script>

O simplemente:

<script type="text/javascript">
var google_tag_params = {
flight_pagetype: "other"
};
</script>

6. La convención de nombres para parámetros personalizados es incorrecta. Por ejemplo:

<script type="text/javascript">
var google_tag_params = {
destid: "234",
pagetype: "purchase",
totalvalue: 120.99
};
</script>

En ese caso, debería cambiarse por lo siguiente:

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight_pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

Usar etiquetas que no sean JavaScript

Recomendamos utilizar etiquetas JavaScript en lugar de etiquetas de imagen que no sean JavaScript, ya que producen menos errores de implementación y están dirigidas a conseguir varios objetivos HTML. Una etiqueta de imagen que no sea JavaScript se considera una imagen. Dado que algunas imágenes de caché de navegadores web reducen el tiempo que tarda una página en cargar, la etiqueta solo se activa la primera vez que alguien visita su sitio web y no durante las siguientes visitas. La versión de JavaScript de la etiqueta soluciona este problema.

Puede seguir estas instrucciones si quiere utilizar el fragmento de la etiqueta que no sea JavaScript (también llamado "etiqueta de imagen") o si quiere tener una versión más corta de la etiqueta. La etiqueta de imagen no requiere el uso de la biblioteca de JavaScript (conversion.js) y la carga de la imagen se realiza simultáneamente a la de la página.

Debe personalizar el fragmento de la etiqueta de remarketing que no sea JavaScript para que esta pueda seguir enviando valores. Los datos deben codificarse manualmente.

La etiqueta que acaba de crear debería tener el formato del siguiente ejemplo:

<script type="text/javascript">
var google_tag_params = {
flight_destid: "CAMBIAR_POR_VALOR_CADENA",
flight_pagetype: "CAMBIAR_POR_VALOR_CADENA",
flight_totalvalue: CAMBIAR_POR_VALOR_CADENA
};
</script>
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = XXXXXXXXXX;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/XXXXXXXXXX/?value=0&amp;guid=ON&amp;script=0&amp;data.flight_destid=101&amp;
data.flight_destid=102
&amp;data.flight_pagetype=purchase"/>

</div>
</noscript>

El texto resaltado es la etiqueta que no es JavaScript. Siga estos pasos para enviar los parámetros personalizados a través de la etiqueta de remarketing:

1. Prepare los parámetros personalizados (también llamados "clave/valores") que quiera enviar a Google Ads. Estos parámetros deben enviarse en el siguiente formato:

data.key1=val1&data.key2=val2&data.key2=val3...

Por ejemplo, si quiere enviar flight_destid=100 y flight_pagetype=purchase como parámetros de cliente, debe ordenarlos de la siguiente forma:

data.flight_destid=100&data.flight_pagetype=purchase

Si una determinada clave tiene varios valores, es decir, varios ID de producto o servicio en una página de carrito de la compra, añada un parámetro data.flight_destid= para cada valor adicional.

data.flight_destid=101&data.flight_destid=102&data.flight_pagetype=cart

2. Agregue la cadena a la URL de píxel como un parámetro y, luego, codifique en HTML el &, es decir, use &amp;.

3. Después del cambio, la etiqueta "img src" tiene el formato siguiente:

//googleads.g.doubleclick.net/pagead/viewthroughconversion/XXXXXXXXXX/?value=0&guid=ON&script=0&amp;data.flight_destid%3D101&data.flight_destid=102
&data.flight_pagetype=purchase

4. A continuación, mostramos la etiqueta de imagen final que puede incluir en su sitio web. Tiene la misma funcionalidad que la versión JavaScript de la etiqueta.

<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/XXXXXXXXXX/?value=0&amp;guid=ON&amp;script=0&amp;data=flight_destid%3D101%2C102
%3Bflight_pagetype%3Dpurchase"/>
¿Te ha resultado útil esta información?
¿Cómo podemos mejorar esta página?