Comment connecter Tanganica Pixel à Shopify ?

Si vous utilisez la solution de commerce électronique de Shopify, l'installation de Tanganica Pixel sera un peu plus compliquée (en raison de la sécurité complète de Shopify). Cependant, cet article décrira l'installation de Tanganica Pixel étape par étape.

‍

L'installation de Tanganica Pixel sur votre boutique en ligne Shopify se déroulera en deux phases. Dans un premier temps, vous devez vous assurer que le code de mesure mesurera les utilisateurs et leur parcours. Dans la deuxième phase, nous passerons ensuite à la mesure des commandes terminées. Il est très important de terminer les deux phases de la mise en œuvre pour que les campagnes fonctionnent correctement.

‍

Phase 1 - Mesure du parcours client

Suivez cette procédure :

1. Connectez-vous à votre administration Shopify
2. Cliquez sur « Boutique en ligne »)
3. Cliquez sur « Thèmes »)
4. Cliquez sur les trois points » ... «
5. Cliquez sur « Modifier le code »)
6. Dans le menu de gauche, cliquez sur le fichier « thème. liquide »
7. Dans le fichier ouvert, recherchez la balise de fin</head> Avant cette balise</head> (au-dessus), collez Tanganica Pixel (copiez depuis l'application ou ci-dessous)
8. Cliquez sur « Enregistrer »

Tanganica Pixel à copier :

<!-- Tanganica pixel -->

<script>(fonction (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 ! = = « Couche de données » ? ' &l='+l : » ; j.async=true ; j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f) ;}) (fenêtre, document,' script ',' DataLayer ',' GTM-TRS5RSN ')</script> ;

<!-- End Tanganica pixel -->

‍

Procédure selon les photos :

‍

Phase 2 - Mesure des commandes achevées

Procédez comme suit :

1. Connectez-vous à votre administration Shopify

2. Cliquez sur « Paramètres »)

3. Cliquez sur « Commander »)

4. Trouvez la section des paramètres intitulée « Page d'état de la commande »)

5. Entrez le code suivant dans la zone de texte :

‍

<script>(fonction (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 ! = = « Couche de données » ? ' &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 || [] ;//Totaux 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 = [] ; {% for line_item in checkout.line_items %} items.push ({item_id : '{{line_item.sku}}', item_name : '{{line_item.title | remove : «' » | remove : '"'} ', prix : {{line_item.final_price | temps : 0,01}}, quantité : {{line_item.item. quantity}}}) ; {% endfor %} window.DataLayer.push ({event : « purchase », ecommerce : {transaction_id : « {{checkout.order_id}} », currency : « {{checkout.currency}} », value : total_price,//Cela devrait maintenant être un numéro shipping : shipping_price,//Cela devrait également être un numéro fiscal : tax_price,//Et cela aussi items : items}}) ;}) (</script>) ; {% en %}

‍

6. Cliquez sur « Enregistrer »

‍

Procédure selon les photos :

Votre Tanganica Pixel est maintenant configuré ! ✅