Configurare tag UET mediante Shopify
Configurare tag UET mediante Shopify
Se il proprio sito Web è stato creato sulla piattaforma Shopify, leggere questo articolo per informazioni su come configurare tag UET in tale piattaforma.
Note
- Questo articolo illustra come eseguire una configurazione di base dei tag UET mediante Shopify. Per ulteriori informazioni, fare riferimento a Shopify Help Center.
-
Microsoft Advertising non è responsabile dei processi e della documentazione di Shopify, né delle modifiche apportate ai processi e alla documentazione di Shopify.
- Quando si installa l'app Microsoft Advertising per Shopify, i tag UET vengono automaticamente creati e aggiunti in ogni pagina del sito Web. Passare alla pagina Installare un'app e seguire le indicazioni per configurare l'app Microsoft Advertising per Shopify.
Se si utilizza Shopify per creare e gestire il proprio sito Web, è possibile aggiungere e gestire il tag UET in tale piattaforma.
Implementazione del tag UET mediante Shopify
- In Microsoft Advertising, selezionare Strumenti > Tag UET e copiare il codice di monitoraggio del tag UET JavaScript.
-
Accedere al proprio account Shopify.
- Selezionare Negozio online > Temi.
- In Tema corrente selezionare Azioni > Modifica codice.

-
Installare il tag UET
- In Layout selezionare theme.liquid.

- Scorrere la pagina verso il basso finché non si arriva al tag <head>.

- Incollare il tag UET direttamente sopra {{ content_for_header }}.
- Selezionare Salva.

-
Personalizzare il processo di completamento della transazione
- Nella parte inferiore del menu a sinistra selezionare Impostazioni.
- Selezionare Completa transazione.

- Scorrere verso il basso fino al campo Script aggiuntivi. Incollare il tag UET in Script aggiuntivi.

- Selezionare Salva.
- Se si desidera segnalare i ricavi variabili, aggiungere uno dei frammenti di codice seguenti sotto il codice di monitoraggio UET incollato nel passaggio precedente:
- Utilizzare questo codice per escludere le imposte e le spese di spedizione:
<script> window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ subtotal_price | money_without_currency }}, 'currency': '{{ shop.currency }}' }); </script>
- Utilizzare questo codice per includere le imposte e le spese di spedizione:
<script> window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ total_price | money_without_currency }}, 'currency': '{{ shop.currency }}' }); </script>
Nota
Per verificare che il tag UET di Shopify funzioni correttamente, scaricare e installare UET Tag Helper. Passare al proprio sito Web su Shopify e verificare che venga ricevuto un evento UET e che il valore di Tag ID corrisponda al tag selezionato nel passaggio 1.
Come è possibile modificare il tag UET per il remarketing dinamico con Shopify?
-
In Shopify passare a Online Store > Customize.
-
Selezionare Theme actions ellipsis e quindi Edit code.
-
In Templates individuare index.liquid.
-
Utilizzare questo codice per i Visitatori generici:
<script> var productList = []; {% for product in collections.frontpage.products %} productList.push({{ product.id }}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'home'}); </script>
-
Selezionare Save.
-
In Templates individuare search.liquid.
-
Utilizzare questo codice per gli Utenti che cercano il prodotto:
<script> var productList = []; {% for item in search.results %} {% if item.object_type == 'product' %} productList.push({{ item.id }}); {% endif %} {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'searchresults'}); </script>
-
Selezionare Save.
-
In Templates individuare product.liquid.
-
Utilizzare questo codice per gli Utenti che visualizzano il prodotto:
<script> window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': '{{product.id}}', 'ecomm_pagetype': 'product'}); </script>
-
Selezionare Save.
-
In Templates individuare cart.liquid.
-
Utilizzare questo codice per gli Utenti che hanno abbandonato il carrello:
<script> var productList = []; {% for line in cart.items %} productList.push({{ line.product_id}}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'cart'}); </script>
-
Selezionare Save.
-
Passare a Settings e selezionare Checkout.
-
In Order Processing individuare la casella di testo Additional scripts.
-
Utilizzare questo codice per gli Acquirenti precedenti:
<script> var productList = []; {% for line in checkout.line_items %} productList.push({{ line.product_id }}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'purchase'}); </script>
-
Selezionare Save.
Importante
- L'ID prodotto in Shopify deve corrispondere a un ID del feed dei prodotti di .
-
Shopify creerà automaticamente ID per i prodotti. È possibile configurare Shopify in modo che aggiorni le soluzioni di gestione dei feed con gli ID prodotto di Shopify che possono quindi essere importati in Microsoft Merchant Center.