Come collegare Tanganica Pixel a Shopify?

Nel caso in cui utilizzi la soluzione di e-commerce di Shopify, l'installazione di Tanganica Pixel sarà un po' più complicata (a causa della completa sicurezza di Shopify). Tuttavia, questo articolo descriverà l'installazione di Tanganica Pixel passo dopo passo.

‍

L'installazione di Tanganica Pixel sul tuo e-commerce Shopify avverrà in due fasi. Nella prima fase, devi assicurarti che il codice di misurazione misuri gli utenti e il loro percorso. Nella seconda fase, passeremo quindi alla misurazione degli ordini completati. Il completamento di entrambe le fasi dell'implementazione è molto importante per il corretto funzionamento delle campagne.

‍

Fase 1 - Misurazione del percorso del cliente

Segui questa procedura:

1. Accedi alla tua amministrazione Shopify
2. Clicca su «Negozio online»)
3. Clicca su «Temi»)
4. Clicca sui tre puntini» ... »
5. Clicca su «Modifica codice»)
6. Nel menu a sinistra, fai clic sul file «theme. liquid»
7. Nel file aperto, trova il tag finale Prima di questo tag</head></head> (sopra di esso) incolla Tanganica Pixel (copia dall'app o qui sotto)
8. Clicca su «Salva»

Tanganica Pixel da copiare:

<!-- 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! ='Livello dati'? ' &l='+l:»; j.async=true; j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);}) (finestra, documento,' script ',' DataLayer ',' GTM-TRS5RSN ')</script>;

<!-- End Tanganica pixel -->

‍

Procedura secondo le immagini:

‍

Fase 2 - Misurazione degli ordini completati

Segui questi passaggi:

1. Accedi alla tua amministrazione Shopify

2. Clicca su «Impostazioni»)

3. Clicca su «Checkout»)

4. Trova la sezione delle impostazioni chiamata «Pagina di stato dell'ordine»).

5. Inserisci il codice seguente nella casella di testo:

‍

<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! ='Livello dati'? ' &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_access%}</script> <script>(function () {window.dataLayer = window.dataLayer || [];//Totale var shipping_price = parseFloat (' {{shipping_price | money_without_currency}} '. replace («,», «.»)); var total_price = parseFloat (' {{total_price | money_senza_currency}} '.replace («,», «.»)); var tax_price = parseFloat ('{{tax_price | money_senza_currency}} '.replace («,», «.»)); var articoli = []; {% for line_item in checkout.line_items%} items.push ({item_id: '{{line_item.sku}}', item_name: '{{line_item.title | remove: «'» | remove: '"'}} ', prezzo: {{line_item.final_price | times: 0.01}}, quantità: {{line_item.quantity}}}); {% endfor%} window.datalayer.push ({event: «purchase», ecommerce: {transaction_id: «{{checkout.order_id}}», currency: «{{checkout.currency}}», value: total_price,//Ora dovrebbe essere un numero shipping: shipping_price, Questo//dovrebbe essere anche un numero fiscale: tax_price,//E anche questo items: items}});}) ();</script> {% endif%}

‍

6. Clicca su «Salva»

‍

Procedura secondo le immagini:

Ora il tuo Tanganica Pixel è configurato! ✅