Growform Multi Step Form Builder
  • Use cases
    • Génération de leads dans le domaine de la finance et de l’assurance
    • Génération de leads
    • Génération de leads juridiques
    • Page immobilière
    • Génération de leads dans le domaine de l’énergie solaire et de l’énergie
    • Génération de leads dans le secteur de la construction et des métiers
  • Modèles
  • Intégrations
  • Tarification
  • Nous contacter
  • Log in
  • Free trial

Comment déclencher une balise lorsqu’un utilisateur appuie sur un certain bouton ?

You’ll need to complete our basic GTM container setup before starting this guide.

Table des matières

    • 🎉 This guide is available in video form!
  • 1 – Identify the button you wish to target
  • 2 – Create a trigger in the parent container
  • 3 – Finally, create your tag, and fire it on your trigger

🎉 This guide is available in video form!


One of the most popular common use-cases for Google Tag Manager with Growform customers is to fire a tag when a user presses a certain button.

By doing this, it’s possible to add users to retargeting audiences (with services like Facebook ads) or fire a goal conversion – even if they haven’t completed your form.

In this example, let’s say we want to fire a Pinterest tag when users hit the “More phone leads” button:

1 – Identify the button you wish to target

Take note of the text on the button and its position: the text on this button is “More phone leads“, and it is the 2nd button on the list.

Then, identify the field ID: select the buttons in the Growform builder, and scroll down, we’ll see the external field ID for the button set is “buttons_99106776357703“:

Knowing that, we now just need to look out for an event matching the following details in the parent container:

eventNamegrowformIframe.growformButtonClicked
buttonTextMore phone leads
buttonId2
fieldIdbuttons_99106776357703

What’s happening here is as follows: The child container automatically sends an event called “growformButtonClicked” whenever a button is clicked, and adds information including the button text and button ID. We’ll use this to build our trigger in the next step.

If that doesn’t make much sense, don’t worry at this point!

2 – Create a trigger in the parent container

Open your parent container and navigate to “Triggers”.

Find out trigger called “Button clicked“.

This trigger will fire whenever the parent container receives an event from the child container called “growformIframe.growformButtonClicked”.

This is a useful place to start, but will fire on all button clicks – so open the trigger, click the “three dots” menu in the top-right corner to copy it… and create a copy called “Clicked more leads button”.

For this example, add the following settings under “some custom events” to target this specific button:

  • fieldId equals buttons_99106776357703
  • buttonId equals 2

(You could alternatively target by the text on the button, but this approach should be a little clearer more maintainable)

Here’s a screen recording of this step:

That’s done – now we have a trigger in the parent container that will fire when only our target button is clicked!

3 – Finally, create your tag, and fire it on your trigger

This is the easy bit – simply create your tag in the parent container, and set it to fire in response to the trigger you created in step 4:

Make sure both containers are saved + published… and you now have a pixel that fires in the nice, reliable parent container when a button is clicked in the child container!

Need help with custom GTM containers? Our team are experienced in advanced tracking & tagging and able to help via online chat within your account.

template_name
_id
friendly_id
above_fold_header
above_fold_description
long_description_header
long_description
how_does_it_work_header
how_does_it_work_text
screenshot_url
template_page_name
featured
how_it_works_new

Post a Comment

Recent Posts

  • Votre guide pour utiliser efficacement Webflow Form Builder
  • 5 exemples de formulaires de capture de prospects qui peuvent booster vos conversions (2025)
  • Qu’est-ce qu’un formulaire multi-étapes Elementor et comment Growform l’améliore-t-il ?
  • Nous passons en revue les meilleures alternatives à Microsoft Forms pour une meilleure personnalisation et un meilleur contrôle.
  • Voici notre revue des meilleurs constructeurs de formulaires pour les sites WordPress

Categories

  • Conception de formulaires en plusieurs étapes
  • Conception de la forme
  • Conformité
  • Convertri
  • CRO
  • Formulaire de confiance
  • Génération de leads
  • Google Tag Manager
  • Hubspot
  • Immobilier
  • Intégration
  • Marketing
  • Non classifié(e)
  • Offres spéciales de génération de leads
  • Outils
  • Prospection
  • Tutoriels
  • Tutoriels Unbounce
  • Unbounce
  • Utilisation de growform

Try Growform Multi Step Form Builder »

Guides

  • Comment créer de beaux formulaires Asana sans code
  • Comment créer des formulaires Hubspot à plusieurs étapes (sans code)
  • Comment ajouter un formulaire Growform à plusieurs étapes à Instapage
  • Comment ajouter un formulaire Growform à plusieurs étapes à Leadpages
  • Comment ajouter un formulaire Growform à plusieurs étapes à Unbounce
  • Comment créer des formulaires Webflow à plusieurs étapes (+ modèles et designs clonables)
  • Comment ajouter un formulaire Growform à plusieurs étapes à WordPress

Features

  • Toutes les caractéristiques
  • Maîtriser les formulaires de logique conditionnelle : Un guide pratique avec des exemples
  • Guide des formulaires conversationnels : Créez facilement des formulaires engageants
  • Formulaires intégrables pour votre site web
  • Des formulaires de capture de prospects qui convertissent en 2023 : 5 conseils puissants + exemples
  • Vérification du plomb : Méthodes en temps réel et en masse pour des données précises
  • Sauts logiques : Créez des formulaires dynamiques pour un meilleur engagement des utilisateurs
  • TrustedForm par ActiveProspect : Le guide ultime pour 2024
  • Comment mettre en place Jornaya (construire un formulaire Jornaya) avec Growform
  • Comment créer un formulaire d’assistant : Guide étape par étape
  • Règles de la FCC sur la génération de prospects : Comment garantir la conformité avec 1-1 Consent
  • Alternatives

More

  • Partenaires affiliés
  • Conditions d’utilisation
  • Vie privée et GDPR
  • Service status
  • Blog
  • Help docs
  • Climate pledge
  • Glossaire Growform : Maîtrisez aujourd’hui les formulaires de conversion
© 2020 - 2024 Growform Ltd. All rights reserved. Growform is a company registered in England and Wales. Company No. 13097518. Registered office: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK
  • English
  • Français
  • Español
  • Italiano
  • Deutsch