Suivi des pixels sur la page post-achat
Si vous avez installé une application qui ajoute une page post-achat à la procédure de paiement de votre boutique, il est possible que l'application utilisée sur votre boutique pour le suivi de pixels personnalisé ne soit pas en mesure de saisir certains événements de suivi. En effet, les pixels de suivi personnalisés qui sont ajoutés à la zoneScripts supplémentaires您的精品suivent或者les evenements se produisant sur la page de statut de commande, laquelle vient après la page post-achat au cours de la procédure de paiement. Par conséquent, si un client quitte votre boutique au moment où il se trouve sur la page post-achat, aucun des événements de la page de statut de commande n’est suivi.
Pour saisir correctement les événements de conversion, vous pouvez ajouter un script de suivi des événements se produisant sur la page post-achat. Ce script peut également suivre les achats supplémentaires qui sont effectués à partir de la page post-achat, comme les ventes incitatives. Une fois que vous avez ajouté un script de page post-achat, vous devez ajuster le script de votre page de statut de commande de manière à ignorer les événements qui sont déjà saisis par le script de la page post-achat.
Vous ne devez modifier la façon dont votre boutique suit les événements que si vous utilisez un pixel de suivi personnalisé. Par exemple, si vous configurez Google Analytics en passant parBoutique en ligne>Préférences, les événements de votre page post-achat sont déjà saisis correctement.
Sur cette page
Considérations
Le script supplémentaire de la page post-achat est similaire aux scripts supplémentaires de la page de statut de commande, à quelques différences importantes près :
- Le script est ajouté à la page post-achat, et non à la page de statut de commande.
- Le champ n’accepte que le code JavaScript. Le code Liquid n’est pas accepté.
- La seule balise HTML autorisée est
.
- Le script s’exécute à l'intérieur d'un bac à sable et n’est pas inclus sur la page principale.
- Vous ne pouvez ajouter un script de page post-achat que si vous avez installé sur votre boutique une application qui ajoute une page post-achat à votre procédure de paiement.
L’exécution du script dans un bac à sable permet de s'assurer que le script est sûr et qu'il est utilisé aux fins pour lesquelles il a été prévu.
L’assistance Shopify n'est pas en mesure de vous aider avec les scripts de page post-achat. Si vous avez besoin d’aide, vous pouvez publier un message dans le forum de laCommunauté Shopifyou engager unExpert Shopify.
Compatibilité avec les scripts présents sur la page de statut de commande
Pour vous assurer que vos pixels suivent correctement tous les événements de conversion, configurez des scripts de suivi à la fois sur la page post-achat et sur la page de statut de commande. Pour éviter de comptabiliser les mêmes événements de conversion deux fois, vous pouvez utiliser la variable Liquidpost_purchase_page_accessed
dans les scripts qui sont exécutés sur la page de statut de commande.
Si un client atterrit sur la page post-achat et qu’il se rend sur la page de statut de commande, la variablepost_purchase_page_accessed
renvoie alors la valeurtrue
(vrai). Si un client n’arrive pas à la page post-achat, la valeur renvoyée par la variable estfalse
(faux).
Par exemple, vous pouvez utiliser le format suivant pour les scripts que vous configurez sur la page de statut de commande :
API disponibles
Vous pouvez utiliser les objets globaux JavaScript pour permettre aux scripts de suivi d’accéder aux données dont ils ont besoin. Les données accessibles se trouvent souswindow.Shopify
.
Suivi des achats effectués sur la page post-achat
Pour suivre les achats supplémentaires effectués via la page post-achat, vous pouvez vous abonner à l’événementShopify.on
.
Une fois que vous vous êtes abonné(e), les actions suivantes se produisent chaque fois qu’un changeset post-achat est appliqué avec succès :
- Votre gestionnaire est appelé avec deux arguments de type
Order
:order
etoutdated order
. - Les objets globaux sous
window.Shopify
sont mis à jour pour permettre aux scripts d'utiliser les données actualisées.
Les gestionnaires abonnés à cet événement peuvent ne disposer que de 500 millisecondes pour l'exécution. Veillez à charger toutes les dépendances dont vous avez besoin à l’avance.
Ajouter le script de la page post-achat
- Depuis votre interface administrateur Shopify, accédez àParamètres>Paiement.
- Dans le champScripts après achat supplémentaires, saisissez votre script.
- Cliquez surSave(Enregistrer).
Exemple de script
Vous pouvez utiliser le modèle de script de base suivant pour vous aider à créer votre propre script de page post-achat. Dans cet exemple de script, nous utilisons Google Analytics pour suivre la conversion initiale, et le script explique comment suivre les achats supplémentaires. Cet exemple étant très simple, votre script final sera probablement différent.
Exemples de fichiers de script
Exemple de script pour la page de statut de commande :
Exemple de script pour la page post-achat :
Références
Le tableau suivant contient les définitions des types correspondant aux attributs qui sont exposés aux scripts supplémentaires après achat à traverswindow.Shopify
:
Champ | Définition |
---|---|
window.Shopify | |
shop | Informations de la boutiqued’où la commande a été passée. |
order | Détails de la commande. |
pageUrl | URL de la page en cours. |
wasPostPurchasePageSeen | Indique si le/la client(e) a consulté la page post-achat au cours de ce processus de paiement. Le champ sera paramétré surfalse (faux) lors du premier rendu, et surtrue (vrai) dans les autres cas, par exemple si la page est rechargée. |
on(event: string, handler: function): void | Abonne le gestionnaire à unevent (événement). Pour le moment, seul l’événementCheckoutAmended est pris en charge. |
off(event: string, handler: function): void | Désabonne le gestionnaire (处理程序 ) de l'événement donné (event ). Pour le moment, seul l’événementCheckoutAmended est pris en charge. |
Shop | |
id | ID de la boutique. |
currency | Devise de la boutique au formatISO 4217. Par exemple, USD. Pour en savoir plus, voirshop.currency. |
Order | |
id | Identifiant interne de la commande. |
number | Représentation en nombres entiers du nom de la commande. Par exemple : 1025. |
checkoutToken | Identifiant interne du paiement. |
customer | Clientassocié à la commande. |
lineItem | Rubriquesde la commande. |
subtotalPrice | Sous-total du prix de tous les articles de la commande après application des réductions sur les rubriques et des réductions sur le panier. Le sous-total ne comprend pas les taxes (sauf si elles sont incluses dans les prix) ni les coûts d’expédition ou les pourboires. |
totalPrice | Prix total de la commande. |
currency | CodeISO 4217de la devise de la commande. |
discounts | Somme du montant des réductions appliquées à la commande. |
Customer | |
id | ID du client. |
L'adresse e-mail du client. | |
acceptsMarketing | Indique si le client a accepté de recevoir les communications de marketing. Le champ sera paramétré surtrue (vrai) si le client accepte le marketing, et surfalse (faux) s'il le refuse. |
hasAccount | Indique si l’adresse e-mail du client est associée à un compte client. Le champ sera paramétré surtrue (vrai) si l’adresse e-mail est répertoriée sur un compte client, et surfalse (faux) si ce n’est pas le cas. Pour plus d'informations, voircustomer.has_account. |
firstName | Le prénom du client. |
lastName | Le nom de famille du client. |
ordersCount | Nombre total de commandes que le client a passées. |
totalSpent | Montant total dépensé par le client sur toutes les commandes. |
LineItem | |
finalLinePrice | Prix combiné de tous les articles de la rubrique. Cela équivaut àline_item.final_price multiplié parline_item.quantity . |
finalPrice | Prix de la rubrique, incluant tous les montants des réductions au niveau de la rubrique. |
lineLevelTotalDiscount | Montant total de l'ensemble des réductions appliquées spécifiquement à la rubrique. Cela n’inclut pas les réductions qui sont ajoutées au panier. |
optionsWithValues | Tableau des valeurs sélectionnées à partir des options de produit de l’article. Pour plus d’informations, voirline_item.options_with_values. |
originalLinePrice | Prix combiné de la quantité d’articles inclus dans la rubrique, avant application des réductions. Cela équivaut àline_item.original_price multiplié parline_item.quantity . |
originalPrice | Prix initial de la rubrique avant application des réductions. |
price | Prix unitaire de la rubrique. Le prix tient compte de toutes les réductions appliquées à la rubrique. Champ disponible uniquement pour les boutiques situées en Allemagne ou en France. |
product | Produitde la rubrique. |
properties | 表标签personnalisees苏尔联合国汽车列车le qui a été ajouté au panier. Pour plus d’informations, voirline_item.properties. |
quantity | Quantité de la rubrique. |
title | Titre de la rubrique. Pour plus d’informations, voirline_item.title. |
variant | Variantede la rubrique. |
Product | |
id | ID du produit. |
type | Type du produit. |
ProductVariant | |
id | ID de la variante. |
sku | SKU de la variante. |
CartDiscount | |
id | Identifiant interne de l’application de réduction. |
code | Code de la réduction, si celle-ci en a un. |
type | Type de la réduction. Valeurs possibles :automatic ,discount_code ,manual etscript . |
amount | Montant total de la réduction déduite du prix de la commande. |