Vous cherchez un moyen d'ajouter des notifications push d'abandon de panier à votre site à l'aide de Google Tag Manager ?
Google Tag Manager agit comme un conteneur pour stocker vos scripts de notification push et plus encore. Et les campagnes d'abandon de panier sont un excellent moyen d'augmenter l'engagement et les ventes en mode automatique. Alors, mettons ces deux automatisations épiques ensemble.
Dans cet article, nous allons vous aider à installer les notifications push GTM en moins de 10 minutes.
Plongeons dans le vif du sujet.
Comment créer des notifications push d'abandon de panier à l'aide de GTM
L'installation de notifications push à l'aide de Google Tag Manager est un processus très rapide et facile. La configuration d'une campagne d'abandon de panier à l'aide de GTM est légèrement plus technique, mais nous pouvons le faire ensemble. Suivez simplement ces étapes et à la fin de cet article, vous devriez être en mesure d'envoyer des notifications push depuis votre site comme celle-ci :
Et la beauté d'utiliser Google Tag Manager pour le faire est que vous n'avez pas du tout besoin d'utiliser de code. Vous n'avez pas non plus besoin de modifier le HTML de votre site Web pour installer des notifications push.
Plongeons dans le vif du sujet.
Étape n° 1 : Configurer votre compte PushEngage à l'aide de GTM
Avant de créer des campagnes d'abandon de panier, vous devrez installer PushEngage sur votre site. Et comme nous allons configurer des campagnes d'abandon de panier à l'aide de Google Tag Manager, il est logique d'installer également PushEngage à l'aide de GTM.
Nous ne couvrons pas cela dans cet article, cependant. Si vous êtes nouveau dans les notifications push, allez consulter notre tutoriel sur comment installer des notifications push sur votre site à l'aide de GTM.
Suivez les étapes de cet article. Une fois que vous avez terminé, nous commencerons à créer votre campagne d'abandon de panier.
Étape n° 2 : Créer une campagne d'abandon de panier dans PushEngage
Une fois que vous avez terminé la configuration de la popup d'inscription, votre site peut collecter des abonnés.
Il est maintenant temps de créer votre campagne d'abandon de panier.
Rendez-vous sur Campagnes » Campagnes déclenchées et cliquez sur Créer une nouvelle campagne déclenchée :
Ensuite, parmi les modèles de campagne, sélectionnez Abandon de panier et cliquez sur Créer :
Si vous avez besoin d'un tutoriel détaillé sur la création d'une campagne d'abandon de panier, consultez cet article sur comment configurer les notifications push d'abandon de panier. Une fois que vous avez terminé, vous devrez configurer Google Tag Manager pour déclencher et envoyer des rappels d'abandon de panier.
Étape n° 3 : Créer un objet dataLayer
Selon Google, « Pour assurer une flexibilité, une portabilité et une facilité d'implémentation maximales, Google Tag Manager fonctionne mieux lorsqu'il est déployé parallèlement à une couche de données. Une couche de données est un objet qui contient toutes les informations que vous souhaitez transmettre à Google Tag Manager. Des informations telles que des événements ou des variables peuvent être transmises à Google Tag Manager via la couche de données, et des déclencheurs peuvent être configurés dans Google Tag Manager en fonction des valeurs des variables »
Un objet dataLayer est un ensemble de variables dans un tableau utilisé pour récupérer des informations dynamiquement. En termes simples, le dataLayer est votre flux de produits. Consultez la documentation de Google pour en savoir plus sur les objets dataLayer.
Voici un exemple :
Une fois que vous avez créé ce dataLayer, vous devrez l'ajouter au <body> HTML de votre site.
Ensuite, vous voudrez ajouter un événement de déclenchement à vos boutons « Acheter maintenant » ou « Ajouter au panier » afin que lorsque vos visiteurs cliquent sur ces boutons, la campagne de panier abandonné soit activée.
NOTE : Votre campagne de panier abandonné ne démarre pas immédiatement après le déclenchement de l'événement. Habituellement, la campagne démarre si vos visiteurs ont ajouté quelque chose à leur panier mais n'ont rien acheté, même après une demi-heure.
Étape n° 4 : Créer des variables dataLayer dans GTM
Dans votre compte Google Tag Manager, allez dans Espace de travail » Variables » Configurer et faites défiler jusqu'à Clics :
Et activez toutes les variables sous Clics.
Ensuite, retournez dans Variables et sous Variables définies par l'utilisateur, cliquez sur Créer :
Ici, ajoutez vos variables dataLayer à Google Tag Manager :
Vos variables dataLayer sont les différents attributs de vos produits. Dans notre exemple, les variables dataLayer seraient :
- products.name
- products.id
- products.price
- products.productname
- products.image
Vous devrez ajouter toutes ces variables dataLayer dans GTM.
IMPORTANT : Suivez la syntaxe exactement, sinon la campagne ne sera jamais déclenchée.
Étape n° 5 : Créer un déclencheur dans GTM
Allez dans Déclencheurs et cliquez sur Ajouter :
Et créez un Événement personnalisé pour déclencher votre campagne de panier abandonné lorsqu'une personne clique sur un bouton Acheter maintenant :
Configurez l'événement personnalisé pour qu'il se déclenche lorsqu'une personne clique sur un bouton avec le texte « Acheter maintenant » :
Étape n° 6 : Configurer la balise avec les variables dataLayer et les déclencheurs
Enfin, vous devrez retourner sur votre tableau de bord PushEngage et mettre à jour la balise de panier abandonné avec les variables dataLayer et les déclencheurs. Allez dans Campagne » Campagnes déclenchées et cliquez sur le bouton Votre code :
Et copiez votre code de campagne :
Une fois cela fait, vous devrez coller le code dans le code HTML de votre site Web juste au-dessus de vos boutons Acheter maintenant.
Et c'est tout ! Vous avez terminé.
Que faire après avoir configuré les notifications de panier abandonné
C'est tout pour cette fois, les amis !
Vous pouvez également créer des segments dynamiquement via GTM. Peut-être regardez cela ensuite ?
Si vous débutez avec les notifications push, vous devriez suivre un processus complet de test des notifications push avant de vous lancer. Cela vous aidera à résoudre les problèmes courants avant que vos visiteurs ne les voient et ne commencent à se plaindre d'une expérience utilisateur défaillante.
Vous devriez également consulter ces ressources exceptionnelles pendant que vous y êtes :
- 7 stratégies intelligentes pour stimuler l'engagement client
- Comment obtenir plus de trafic vers votre blog WordPress (9 méthodes faciles)
- Comment augmenter votre taux d'opt-in pour les notifications push Web (7 méthodes)
Et si ce n'est pas déjà fait, essayez PushEngage. PushEngage est le service de notifications push numéro 1 au monde. Donc, si vous êtes sérieux au sujet de la croissance de votre entreprise, vous devriez investir dans PushEngage.
ce post manque d'une capture d'écran de la balise elle-même. Vers la fin, vous faites référence à « Ensuite, dans votre tableau de bord GTM, créez la balise avec le code de panier abandonné et ajoutez-y les variables dataLayer, vous pouvez voir dans l'exemple ci-dessous. » sans exemple disponible.
Veuillez mettre à jour avec une image de configuration de balise exemple.
aussi, je suppose qu'il y aura un moment où nous devrons ajouter le script pushEngage à la balise personnalisée ? Cette partie pourrait être plus claire dans ce post.
Merci,
Comment feriez-vous cela avec une plateforme comme Marketo ou Pardot ?
Salut, Dan ! C'est une excellente question. Je pense que vous devriez contacter notre équipe du succès client pour une réponse plus détaillée à ce sujet. Contactez-nous via notre page de contact.