Les événements clients sont les principales actions effectuées par vos audiences qui fournissent des informations sur la manière dont elles interagissent avec votre entreprise à travers différents points de contact. Cela inclut les paiements, l'initiation d'une vente, qui est un point d'interaction crucial. Les services tiers intégrés améliorent votre marketing automation et vos analyses en utilisant les données d'événements clients générées par des pixels.

Une meilleure compréhension de ces comportements peut améliorer considérablement votre stratégie de vente en fournissant des données pour affiner votre marketing automation, vos analyses et votre ciblage d'audience. Les services tiers intégrés peuvent utiliser ces données d'événements clients, également appelées journaux, générées par des pixels pour peaufiner votre approche de vente.

Ce blog aidera les développeurs de marque à comprendre comment ajouter et gérer ces pixels via votre compte Shopify. Eh bien, commençons par les bases, n'est-ce pas ?

Qu'est-ce que les pixels ?

De la présentation des pixels, à la création de pixels personnalisés pour votre public B2B, et à leur mise en œuvre réussie dans votre magasin sur différents canaux, ce guide couvre tous les aspects que vous devez connaître pour gérer efficacement les interactions des clients au sein de votre communauté Shopify. Vous pouvez gérer les pixels qui suivent les événements clients avec le gestionnaire de pixels Shopify.

Le gestionnaire de pixels Shopify vous permet d'ajouter et de gérer des pixels pour suivre les événements clients. Les événements clients sont des actions qui se produisent dans le navigateur du client, comme cliquer sur un lien ou ajouter un article à un panier d'achat.

La section Événements clients de votre administration Shopify est l'endroit où les experts peuvent ajouter et gérer des pixels.

Les pixels peuvent être ajoutés ou migrés vers votre boutique en ligne de deux manières : les pixels d'application, installés par des applications de marketing et de collecte de données, et les pixels personnalisés, que vous pouvez ajouter manuellement via le gestionnaire de pixels de votre compte.

Avant, les marchands pouvaient ajouter des extraits de code JavaScript à leur boutique en ligne. Ils pouvaient le faire dans les préférences en ligne, les scripts de paiement et les applications en anglais. La plupart du temps, ces scripts n'étaient pas vérifiés en termes de qualité, et les gérer prenait beaucoup de temps. Avec le gestionnaire de pixels, vos scripts sont conservés dans un seul outil de gestion et s'exécutent dans un environnement isolé.

Assurez-vous que votre thème ne contient aucun code de suivi existant avant de commencer. Ce code se trouve généralement dans des modèles liquides comme theme.liquid, product.liquid et checkout.liquid, ainsi que dans le champ des scripts supplémentaires dans les paramètres de paiement. Cette étape est essentielle pour vous permettre d'avancer en toute confiance sans vous préoccuper de conflits de scripts.

Avantages de l'inclusion de pixels d'application ou de pixels personnalisés dans votre boutique

• Accès à un flux d'événements clients, comme les événements de paiement, sur votre boutique en ligne.
• Protection supplémentaire pour votre boutique en ligne et vos clients, y compris un meilleur contrôle sur les informations client que vous partagez avec des fournisseurs tiers.
• Empêche l'exécution de code non fonctionnel en JavaScript non autorisé ou la manipulation de votre boutique en ligne et de votre processus de paiement.
• Outils intégrés pour la conformité à la vie privée

Créer le code d'un pixel personnalisé

Création du kit de développement logiciel JavaScript tiers

Le code qui est connecté au pixel vous est fourni par le service tiers que vous utilisez. Le code de suivi et un kit de développement logiciel JavaScript (SDK) sont généralement les deux parties d'un pixel. Le bac à sable du pixel Shopify ne permet que le JavaScript, il est donc nécessaire de supprimer tout HTML du code du service tiers.

Voici un exemple de pixel Meta. Il peut y avoir une légère variation de pixels pos entre les tiers.

Crédits image : Shopify

Vous pouvez trouver des pixels de domaine qui sont chargés avec script src=. Les pixels Shopify ne fonctionnent pas avec HTML, vous devrez donc le remplacer par l'équivalent en JavaScript. Le code de suivi des événements PageView a également été supprimé, car il sera ajouté à l'étape suivante.

Crédits image : Shopify

Vous pouvez trouver des pixels chargés avec script src=. Les pixels Shopify ne fonctionnent pas avec HTML, vous devrez donc le remplacer par l'équivalent en JavaScript. 

Vous pouvez également apprendre comment vous abonner à des événements standard et des événements clients personnalisés, qui vous permettent de suivre des événements clients supplémentaires, tels que lorsque quelqu'un clique sur un bouton. Par exemple, si vous souhaitez suivre l'apparition de commandes spécifiques, vous pouvez créer un événement personnalisé à cette fin et vous y abonner.

Voici un exemple de pixel Google Analytics :

Crédits image : Shopify

Vous pouvez utiliser le code JavaScript suivant à la place du script src=. Assurez-vous que l'attribut src correspond toujours à la version HTML :

Crédits image : Shopify

S'abonner à des événements standard

L'événement PageView pour le pixel Meta ressemble à ceci. Notez que la fonction fbq("track") fait partie du code Meta, et que chaque entreprise aura une version différente à consulter dans leur documentation.

Crédits image : Shopify

Vous pouvez transférer des métadonnées de certains événements vers votre pixel. Un exemple de fourniture d'informations sur un produit à l'événement ViewContent de Meta est présenté ci-dessous :

Crédits image : Shopify

S'abonner à des événements clients personnalisés

Vous pouvez ajouter des événements clients personnalisés si vous souhaitez suivre des événements clients supplémentaires, tels que lorsque quelqu'un clique sur un bouton. Les événements standard et les événements personnalisés peuvent être abonnés de la même manière. 

Déclarez le nom de l'événement auquel vous souhaitez vous abonner et envoyez ces informations au pixel du fournisseur de services tiers.

Voici un exemple de la manière dont un événement personnalisé peut apparaître dans les fichiers liquides de votre thème :

Crédits image : Shopify

Voici comment vous pourriez configurer votre pixel pour vous abonner à cet événement personnalisé :

Crédits image : Shopify

Ajouter un pixel personnalisé

Avant d'ajouter un pixel personnalisé, supprimez ou modifiez tout pixel existant pour éviter de compter deux fois les événements clients. Le code du pixel existant doit être supprimé manuellement de tous les emplacements, y compris theme.liquid, checkout.liquid et les scripts supplémentaires dans les paramètres de paiement.

Étapes :
1. Ouvrez les paramètres > Événements clients via l'administration Shopify.

Crédits image : Shopify

2. Donnez à votre pixel un nom distinctif. Si vous entrez le nom d'un pixel personnalisé existant, on vous demandera de donner un nouveau nom à votre pixel.

3. Pour accéder à l'éditeur d'événements, cliquez sur Ajouter un pixel.

Crédits image : Shopify

4. Dans la fenêtre Code, collez votre propre code pixel JavaScript.

5. Pour Enregistrer votre pixel personnalisé, cliquez sur Enregistrer. Si vous êtes prêt à connecter votre pixel personnalisé et à commencer à suivre vos événements, vous pouvez le faire en cliquant sur Connecter le pixel.

Connecter un pixel personnalisé dans votre boutique Shopify

Après avoir ajouté un pixel personnalisé, vous devez le connecter à votre boutique pour qu'il puisse commencer à suivre les événements clients.

Étapes :

1. Cliquez sur Pixels personnalisés depuis la page Événements clients dans votre administration Shopify.
2. Sous le titre Pixels déconnectés, vous pouvez voir tous les pixels personnalisés qui ne sont pas actuellement connectés. Cliquez sur Connecter sur la ligne qui correspond aux bons pixels personnalisés.

Lisez les conditions de service de Shopify. Si votre Pixel respecte les exigences du service, cliquez sur Connecter.

Déconnecter et supprimer un pixel personnalisé

Vous devez détacher manuellement le pixel de votre boutique en ligne pour arrêter de suivre les événements pour lesquels vous avez ajouté un pixel personnalisé.

Étapes :

1. Cliquez sur Pixels personnalisés depuis la page Événements clients dans votre administration Shopify. 
2. Les pixels personnalisés actuellement liés sont affichés en haut de la liste. Cliquez sur Déconnecter sur la ligne du pixel personnalisé que vous souhaitez déconnecter. Lorsqu'un pixel est déconnecté, il n'est pas supprimé.

Vous pouvez également vous débarrasser des pixels personnalisés dont vous n'avez plus besoin.

Étapes :

1. Sur la page Événements clients de votre admin Shopify, cliquez sur Pixels personnalisés. 
2. Cliquez sur le bouton ... pour la ligne du pixel personnalisé que vous souhaitez modifier. 

Cliquez sur Supprimer. Si vous confirmez la suppression, le pixel personnalisé sera retiré du gestionnaire de pixels.

Conclusion

Assurez-vous de bien connaître la configuration des pixels avant de créer un pixel personnalisé.

Voici quelques points à garder à l'esprit :

• Assurez-vous toujours de bien comprendre le code que vous ajoutez à la page de paiement de votre site Web, ou faites appel à un Expert Shopify pour obtenir un pixel personnalisé. 
• Étant donné que les pixels fonctionnent dans un environnement de bac à sable sécurisé, des restrictions sont appliquées sur les données qui peuvent être publiées. 
• L'API d'extension de pixels web vous permet d'accéder aux API du navigateur et de vous abonner à des événements clients avec les bac à sable Shopify Lax ou Strict.