¿Cómo conectar Tanganica Pixel a Shopify?

En caso de que estés utilizando la solución de comercio electrónico de Shopify, instalar Tanganica Pixel será un poco más complicado (debido a la gran seguridad que tiene Shopify). Sin embargo, este artículo describirá la instalación de Tanganica Pixel paso a paso.

‍

La instalación de Tanganica Pixel en tu tienda online de Shopify se realizará en dos fases. En la primera fase, debes asegurarte de que el código de medición mida a los usuarios y su recorrido. En la segunda fase, pasaremos a medir los pedidos completados. Completar ambas fases de la implementación es muy importante para que las campañas funcionen correctamente.

‍

Fase 1: Medición del recorrido del cliente

Siga este procedimiento:

1. Inicia sesión en tu panel de administración de Shopify
2. Haga clic en «Tienda online»)
3. Haga clic en «Temas»)
4. Haga clic en los tres puntos» ... »
5. Haga clic en «Editar código»)
6. En el menú de la izquierda, haga clic en el archivo «theme. liquid»
7. En el archivo abierto, busca la etiqueta final</head>. Antes de esta etiqueta</head> (encima), pega Tanganica Pixel (copia desde la aplicación o aquí abajo)
8. Haga clic en «Guardar»

Tanganica Pixel para copiar:

<!-- Tanganica pixel -->

<script>(function (w, d, s, l, i) {w [l] =w [l] || []; w [l] .push ({'gtm.start':new Date () .getTime (), event: 'gtm.js'}); var f=d.getElementsByTagName (s) [0], j=d.createElement (s), dl=l! = ¿'Capa de datos'? ' &l='+l:»; j.async=true; j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);}) (ventana, documento,' script ',' DataLayer ',' GTM-TRS5RSN ');</script>

<!-- End Tanganica pixel -->

‍

Procedimiento según las imágenes:

‍

Fase 2: Medición de los pedidos completados

Siga estos pasos:

1. Inicia sesión en tu panel de administración de Shopify

2. Haga clic en «Configuración»)

3. Haga clic en «Pagar»)

4. Busque la sección de la configuración llamada «Página de estado del pedido»)

5. Introduzca el siguiente código en el cuadro de texto:

‍

<script>(function (w, d, s, l, i) {w [l] =w [l] || []; w [l] .push ({'gtm.start':new Date () .getTime (), event: 'gtm.js'}); var f=d.getElementsByTagName (s) [0], j=d.createElement (s), dl=l! = ¿'Capa de datos'? ' &l='+l:»; j.async=true; j.src=' https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-TRS5RSN '); {% if first_time_accessed%}</script> <script>(function () {window.dataLayer = window.dataLayer || [];//Totales var shipping_price = parseFloat (' {{shipping_price | money_without_currency}} '.replace («,», «.»)); var total_price = parseFloat ('{{total_price | money_without_currency}} '.replace («,», «.»)); var tax_price = parseFloat (' {{tax_price | money_without_currency}} '.replace («,», «.»)); var items = []; {% for line_item in checkout.line_items%} items.push ({item_id: '{{line_item.sku}}', item_name: '{{line_item.title | remove: «'» | remove: '"'}} ', precio: {{line_item.final_price | times: 0.01}}, cantidad: {{line_item.amount}}}); {% endfor%} window.dataLayer.push ({event: «purchase», ecommerce: {transaction_id: «{{checkout.order_id}}», currency: «{{checkout.currency}}», value: total_price,//Ahora debería ser un número de envío: shipping_price,//También debería ser un número de impuestos: tax_price,//Y esto también items: items}});}) ();</script> {% final%}

‍

6. Haga clic en «Guardar»

‍

Procedimiento según las imágenes:

¡Ahora tu Tanganica Pixel está configurado! ✅