Una vez que el programador web escriba el código para rellenar la variable purchase-details, tendrá que actualizar las etiquetas o los fragmentos de evento de Floodlight, de modo que puedan transmitir los datos a Search Ads 360.
Si utiliza Google Tag Manager, deberá actualizar su contenedor para utilizar los datos que envió a la matriz ecommerce.purchase.products o crear macros que envíen los datos a su etiqueta de Floodlight.
Actualizar etiquetas manualmente
Si envía datos de compra directamente a una etiqueta de Floodlight, lo más probable es que su programador web haya proporcionado la variable purchase-details a la página en un objeto de JavaScript o como variable personalizada en el DOM.
Por ejemplo, supongamos que el programador web proporciona los datos de compra en un objeto de JavaScript llamado floodlightSpec. En ese caso, tendrá que modificar el fragmento de evento de Floodlight para que tenga el siguiente aspecto:
<!--
Event snippet for Thank You on http://www.example.com/thanks: Please do not remove.
Place this snippet on pages with events you’re tracking.
Creation date: 11/01/2017
-->
<script>
gtag('event', 'purchase',
{
'allow_custom_scripts': true,
'send_to': 'DC-1234567/group1/thank123+transactions',
'transaction_id': floodlightSpec.sessionID,
'value': floodlightSpec.revenue,
'items': [
{ 'id': floodlightSpec.item[0].id,
'price': floodlightSpec.item[0].price,
'quantity': floodlightSpec.item[0].number
},
{ 'id': floodlightSpec.item[1].id,
'price': floodlightSpec.item[1].price,
'quantity': floodlightSpec.item[1].number
}
],
'country': floodlightSpec.country,
'language': floodlightSpec.lang
}
);
</script>
<noscript>
<img src="https://ad.doubleclick.net/ddm/activity/src=1234567;type=group1;cat=thank123;
qty=1;cost=floodlightSpec.revenue;dc_lat=;dc_rdid=;
tag_for_child_directed_treatment=;tfua=;npa=;
ord=floodlightSpec.sessionID;prd=i1:floodlightSpec.item[0].id|p1:floodlightSpec.item[0].price|q1:floodlightSpec.item[0].number|i2:floodlightSpec.item[1].id|p2:floodlightSpec.item[1].price|q2:floodlightSpec.item[1].number|c:floodlightSpec.country|l:floodlightSpec.lang?" width="1" height="1" alt="">
</noscript>
<!-- End of event snippet: Please do not remove -->
Nota: Los fragmentos de evento generados por Search Ads 360 incluyen una etiqueta opcional <noscript> que contiene una etiqueta de imagen de Floodlight. Esta etiqueta opcional se usa para registrar conversiones en los navegadores que no admiten JavaScript.
Actualizar etiquetas usando Google Tag Manager
Google Tag Manager le ayuda a gestionar las etiquetas de su sitio. En lugar de añadir y actualizar las etiquetas directamente en su sitio, puede hacerlo en Google Tag Manager. A continuación, Administrador de etiquetas de Google genera las etiquetas con el formato adecuado en su sitio según se precisen. Obtenga más información sobre Google Tag Manager.
Cuando precise transferir datos generados de forma dinámica —como datos de compra— a etiquetas gestionadas por Google Tag Manager, el programador web puede efectuar una de las siguientes acciones:
Usar datos de la capa de datos
Si el programador web ha proporcionado la variable purchase-details en la capa de datos, siga estos pasos para transferir los datos a la etiqueta de Floodlight:
- Usar el método dataLayer.push para suministrar los datos a la capa de datos de Google Tag Manager.
-
En Google Tag Manager, vaya al contenedor de su sitio web.
-
Haga clic en la pestaña Etiquetas y, a continuación, en la etiqueta de transacción de Floodlight que informa de las ventas.
-
Haga clic en el icono del lápiz
para hacer cambios en la etiqueta.
-
En Informes de producto, marque la casilla Proporcionar datos de ventas en los productos.
-
En la lista Fuente de datos, seleccione Capa de datos.
De forma automática, Google Tag Manager utilizará los datos enviados a la capa de datos en la matriz ecommerce.purchase.products. -
Haga clic en Guardar.
para hacer cambios en la etiqueta.Usar una variable para acceder a otros datos
Si el programador web ha proporcionado la variable purchase-details en un lugar distinto a la capa de datos, siga estos pasos para usar una variable de Google Tag Manager (anteriormente conocida como "macro") y poder transferir los datos.
-
Generar los datos en otro lugar (como en una variable DOM).
-
En Google Tag Manager, vaya al contenedor de su sitio web.
-
Haga clic en la pestaña Etiquetas y, a continuación, en la etiqueta de transacción de Floodlight que informa de las ventas.
-
Haga clic en el icono del lápiz
-
En Informes de producto, marque la casilla Proporcionar datos de ventas en los productos.
-
En la lista Fuente de datos, seleccione una de las siguientes opciones:
-
Variable de JavaScript si los datos presentan el formato de una variable de JavaScript.
-
Valor con formato de Floodlight; si los datos presentan formato de una cadena.
-
-
Haga clic en el icono Añadir variable, junto al campo Datos de producto.
-
En la esquina superior derecha, haga clic en el botón Nueva variable.
-
Haga clic en el icono del lápiz
-
Elija el tipo de variable adecuado. Por ejemplo, si los datos se encuentran disponibles en una variable de JavaScript, seleccione Variable de JavaScript.
-
En el siguiente campo, introduzca el nombre del objeto que contiene los datos.
Por ejemplo, a continuación se muestra una página que genera la cadena como una variable global de JavaScript:
<script> window.salesData="i1:sku-12345|p1:100.0|q1:1|i2:sku-67890|p2:20.0|q2:2" </script>
-
-
Asigne un nombre a la variable editando el espacio de nombre de la parte superior o haciendo clic en las opciones para guardar y editar el nombre en la siguiente ventana. Después de hacer esto, debería ver el nombre entre llaves dobles en el campo Datos de producto.
-
Vuelva a hacer clic en Guardar para actualizar la versión de borrador de la etiqueta.