Wie verbinde ich Tanganica Pixel mit Shopify?

Falls Sie die E-Commerce-Lösung von Shopify verwenden, wird die Installation von Tanganica Pixel etwas komplizierter sein (aufgrund der gründlichen Sicherheit, die Shopify bietet). In diesem Artikel wird jedoch Schritt für Schritt die Installation von Tanganica Pixel beschrieben.

‍

Die Installation von Tanganica Pixel in Ihrem Shopify-Online-Shop erfolgt in zwei Phasen. In der ersten Phase müssen Sie sicherstellen, dass der Messcode die Nutzer und ihre Reise misst. In der zweiten Phase werden wir dann zur Messung der abgeschlossenen Bestellungen übergehen. Der Abschluss beider Phasen der Implementierung ist sehr wichtig, damit die Kampagnen ordnungsgemäß funktionieren.

‍

Phase 1 — Messung der Kundenreise

Gehen Sie wie folgt vor:

1. Loggen Sie sich in Ihre Shopify-Administration ein
2. Klicken Sie auf „Online-Shop“)
3. Klicken Sie auf „Themen“)
4. Klicken Sie auf die drei Punkte“ ... “
5. Klicken Sie auf „Code bearbeiten“)
6. Klicken Sie im linken Menü auf die Datei „Theme. liquid“
7. Suchen Sie in der geöffneten Datei nach dem Endtag</head>. Fügen Sie vor diesem Tag</head> (darüber) Tanganica Pixel ein (aus der App oder hier unten kopieren)
8. Klicken Sie auf „Speichern“

Tanganica Pixel zum Kopieren:

<!-- Tanganica pixel -->

<script>(function (w, d, s, l, i) {w [l] =w [l] || []; w [l] .push ({'gtm.start':new Date () .getTime (), Ereignis: 'gtm.js'}); var f=d.getElementsByTagName (s) [0], j=d.createElement (s), dl=l! ='Datenschicht'? ' &l='+l:“; j.async=true; j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);}) (Fenster, Dokument,' Skript ',' DataLayer ',' GTM-TRS5RSN ');</script>

<!-- End Tanganica pixel -->

‍

Vorgehensweise gemäß den Bildern:

‍

Phase 2 — Messung der abgeschlossenen Bestellungen

Folgen Sie diesen Schritten:

1. Loggen Sie sich in Ihre Shopify-Administration ein

2. Klicken Sie auf „Einstellungen“)

3. Klicken Sie auf „Zur Kasse“)

4. Suchen Sie in den Einstellungen den Abschnitt „Seite mit dem Status der Bestellung“.

5. Geben Sie den folgenden Code in das Textfeld ein:

‍

<script>(function (w, d, s, l, i) {w [l] =w [l] || []; w [l] .push ({'gtm.start':new Date () .getTime (), Ereignis: 'gtm.js'}); var f=d.getElementsByTagName (s) [0], j=d.createElement (s), dl=l! ='Datenschicht'? ' &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 || [];//Gesamtsumme 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 = []; {% für line_item in checkout.line_items%} items.push ({item_id: '{{line_item.sku}}', item_name: '{{line_item.title | remove: „'“ | remove: '"'}} ', preis: {{line_item.final_price | times: 0.01}}, Menge: {{line_item.quantity}}}); {% endfor%} window.dataLayer.push ({event: „purchase“, ecommerce: {transaction_id: „{{checkout.order_id}}“, currency: „{{checkout.currency}}“, value: total_price,//Das sollte jetzt eine Zahl sein shipping: shipping_price,//Und das auch items: items}});}) ();</script> {% endif%}

‍

6. Klicken Sie auf „Speichern“

‍

Vorgehensweise gemäß den Bildern:

Jetzt ist dein Tanganica Pixel eingerichtet! ✅