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

  1. In Microsoft Advertising, selezionare Strumenti > Tag UET e copiare il codice di monitoraggio del tag UET JavaScript.
  2. Accedere al proprio account Shopify.
    1. Selezionare Negozio online > Temi.
    2. In Tema corrente selezionare Azioni > Modifica codice. Modificare il codice nella sezione dei temi di Shopify
  3. Installare il tag UET
    1. In Layout selezionare theme.liquid.
      Selezionare theme.liquid
    2. Scorrere la pagina verso il basso finché non si arriva al tag <head>. Scorrere fino al tag head
    3. Incollare il tag UET direttamente sopra {{ content_for_header }}.
    4. Selezionare Salva. Incollare il tag UET sopra il contenuto per header
  4. Personalizzare il processo di completamento della transazione
    1. Nella parte inferiore del menu a sinistra selezionare Impostazioni.
    2. Selezionare Completa transazione. Selezionare Impostazioni > Completa transazione
    3. Scorrere verso il basso fino al campo Script aggiuntivi. Incollare il tag UET in Script aggiuntivi. Incollare il tag UET in Script aggiuntivi
    4. Selezionare Salva.
  5. Se si desidera segnalare i ricavi variabili, aggiungere uno dei frammenti di codice seguenti sotto il codice di monitoraggio UET incollato nel passaggio precedente:
    1. 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>
    2. 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?

  1. In Shopify passare a Online Store > Customize.
  2. Selezionare Theme actions ellipsis e quindi Edit code.
  3. In Templates individuare index.liquid.
  4. 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>
  5. Selezionare Save.
  6. In Templates individuare search.liquid.
  7. 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>
  8. Selezionare Save.
  9. In Templates individuare product.liquid.
  10. 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>
  11. Selezionare Save.
  12. In Templates individuare cart.liquid.
  13. 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>
  14. Selezionare Save.
  15. Passare a Settings e selezionare Checkout.
  16. In Order Processing individuare la casella di testo Additional scripts.
  17. 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>
  18. 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.

See more videos...