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 usando Shopify. Per altre informazioni, vedere il Centro assistenza di Shopify.
  • Microsoft Advertising non è responsabile dei processi o della documentazione di Shopify, né delle modifiche apportate ai processi o alla documentazione di Shopify.
  • Installando l'app Microsoft Advertising per Shopify, i tag UET vengono creati e aggiunti automaticamente a ogni pagina del vostro sito web. Vai alla pagina Web Installare un'app e segui le istruzioni 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. Nel menu superiore selezionare Strumenti > Tag UET.

    Se usi il nuovo Microsoft Advertising riquadro di spostamento, nel menu di spostamento a sinistra passa il puntatore del mouse su Conversioni e seleziona Tag UET.

  2. Copiare il codice di rilevamento dei tag UET JavaScript.
  3. Accedere al proprio account Shopify.
    1. Selezionare Negozio online > Temi.
    2. In Tema corrente selezionare Azioni > Modifica codice. Edit code in the themes section of Shopify
  4. Installare il tag UET.
    1. In Layoutselezionare theme.liquid.
      Select theme.liquid
    2. Scorrere verso il basso la pagina finché non si è nell’ <intestazione > tag. Scroll to the head tag
    3. Incollare il tag UET direttamente sopra {{ content_for_header }}.
    4. Selezionare Salva. Paste UET tag above content for header
  5. Personalizzare il processo di completamento della transazione.
    1. Nel menu in alto selezionare Impostazioni.
    2. Selezionare Completa transazione. Select Settings > Checkout
    3. Scorrere verso il basso fino al campo Script aggiuntivi nella pagina Stato ordine. Incollare il tag UET negli Script aggiuntivi. Paste the UET tag in Additional scripts

      Nota

      Puoi ignorare il campo Script aggiuntivi nella pagina Post-acquisto se non stai monitorando gli acquirenti precedenti.

    4. Selezionare Salva.
  6. 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 Shopify funzioni, scaricare e installare UET Tag Helper. Accedere al proprio sito web Shopify e verificare che venga ricevuto un evento UET e che l' ID del tag corrisponda al tag selezionato al punto 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. Usa questo codice per i General visitors:
    <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. Usa questo codice per i Product searchers:
    <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. Usa questo codice per i Product viewers:
    <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. Usa questo codice per Shopping cart abandoners:
    <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. Usa questo codice per Past buyers:
    <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 Salva.
Importante
  • L'ID prodotto in Shopify deve corrispondere a un ID del feed dei prodotti di .
  • Shopify creerà automaticamente gli ID prodotto per i tuoi prodotti. È possibile configurare Shopify per aggiornare le soluzioni di gestione dei feed con Shopify ID prodotto che possono poi essere importati in Microsoft Merchant Center.

See more videos...