{"id":1375,"date":"2024-06-13T09:16:06","date_gmt":"2024-06-13T07:16:06","guid":{"rendered":"https:\/\/wypo.io\/documentations\/%taxomony%\/formmaster\/integration-google-tag-manager\/"},"modified":"2024-06-23T12:50:51","modified_gmt":"2024-06-23T10:50:51","slug":"google-tag-manager-integration","status":"publish","type":"wypo_documentations","link":"https:\/\/wypo.io\/en\/documentations\/formmaster\/google-tag-manager-integration\/","title":{"rendered":"Google Tag Manager integration"},"content":{"rendered":"\n<p class=\"\">Cette documentation vous guide \u00e0 travers l&#8217;int\u00e9gration de Google Tag Manager (GTM) avec le plugin FormMaster. Vous apprendrez \u00e0 envoyer des \u00e9v\u00e9nements \u00e0 GTM lorsque le formulaire est soumis, ce qui vous permettra de suivre les soumissions de formulaires de mani\u00e8re efficace.<\/p>\n\n<div class=\"wp-block-group is-style-smallbordertop   hf_animated fade_bottom default is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading   \" datalink=\"content-prerequis\">Requirements<\/h2>\n\n\n\n<ul class=\"is-style-important wp-block-list\">\n<li class=\"\">Un compte Google Tag Manager actif.<\/li>\n\n\n\n<li class=\"\">Le plugin FormMaster install\u00e9 et configur\u00e9 sur votre site.<\/li>\n\n\n\n<li class=\"\">Une balise GTM install\u00e9e sur votre site.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-group is-style-smallbordertop   hf_animated fade_bottom default is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading   \" datalink=\"content-configurer-google-tag-manager\">Configurer Google Tag Manager<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\">Connectez-vous \u00e0 votre compte Google Tag Manager.<\/li>\n\n\n\n<li class=\"\">Cr\u00e9ez une nouvelle balise\n<ul class=\"wp-block-list\">\n<li class=\"\">Cliquez sur &#8220;Nouvelle&#8221;.<\/li>\n\n\n\n<li class=\"\">Nom de la balise : <code>FormMaster - Event - Send<\/code>.<\/li>\n\n\n\n<li class=\"\">Configuration de la balise : Choisissez &#8220;HTML personnalis\u00e9e&#8221;.<\/li>\n\n\n\n<li class=\"\">HTML : Copier le code suivant.<\/li>\n\n\n\n<li class=\"\">D\u00e9finissez le d\u00e9clencheur :\n<ul class=\"wp-block-list\">\n<li class=\"\">Cliquez sur &#8220;D\u00e9clenchement&#8221;.<\/li>\n\n\n\n<li class=\"\">Cliquez sur le d\u00e9clencheur <code>All Pages<\/code>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li class=\"\">Enregistrez la balise.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n    <div class=\"wp-block-habefast-code  \">\n      <header class=\"habefast-code-header\">\n        <div class=\"habefast-code-lang is-lang-html\">\n          HTML        <\/div>\n      <\/header>\n      <textarea\n        class=\"habefast-code-source\"\n        name=\"codemirror-1197424517\"\n        id=\"codemirror-1197424517\"\n      >&lt;script&gt;\n    document.addEventListener( &#039;formmaster_sent&#039;, function( event ) {\n    \twindow.dataLayer.push({\t\n\t\t\t&#039;event&#039; : &#039;formmastersuccessfulsubmit&#039;,\n   \t\t\t&#039;formID&#039; : event.detail.formID,\n\t\t});\n    }, false );\n&lt;\/script&gt;<\/textarea>\n      <script>\n        CodeMirror.fromTextArea( document.getElementById('codemirror-1197424517'), {\n          mode: 'xml',\n          readOnly: true,\n          lineNumbers: true,\n          firstLineNumber: 1,\n          matchBrackets: true,\n          indentUnit: 4,\n          tabSize: 4,\n          lineWrapping: true,\n        } );\n      <\/script>\n    <\/div>\n    \n\n\n<ul class=\"wp-block-list\">\n<li class=\"\">Cr\u00e9er un nouveau d\u00e9clencheur\n<ul class=\"wp-block-list\">\n<li class=\"\">Cliquez sur &#8220;D\u00e9clencheurs&#8221; dans le menu de GTM.<\/li>\n\n\n\n<li class=\"\">Cliquez sur &#8220;Nouveau&#8221;.<\/li>\n\n\n\n<li class=\"\">Nom du d\u00e9clencheur: <code>Form sent - All pages<\/code>\u00a0<\/li>\n\n\n\n<li class=\"\">Configuration du d\u00e9clencheur: Choisissez &#8220;\u00c9v\u00e9nement personnalis\u00e9&#8221;.<\/li>\n\n\n\n<li class=\"\">Nom de l&#8217;\u00e9v\u00e9nement: <code>formmastersuccessfulsubmit<\/code>.<\/li>\n\n\n\n<li class=\"\">Enregistrez le d\u00e9clencheur.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"\">Vous avez fait la configuration de base. Maintenant vous pouvez ajouter en fonction de vos besoins, un balise pour suivre l&#8217;envoi sur diff\u00e9rents outils: Google Analytics, Pixel Facebook, Google Ads, etc.<\/p>\n\n\n\n<p class=\"\">Nous allons documenter l&#8217;envoi sur Google Analytics 4.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\">Cr\u00e9er une nouvelle balise.\n<ul class=\"wp-block-list\">\n<li class=\"\">Cliquez sur &#8220;Nouvelle&#8221;.<\/li>\n\n\n\n<li class=\"\">Nom de la balise : <code>GA4 - Event - Form sent - All pages<\/code>.<\/li>\n\n\n\n<li class=\"\">Configuration de la balise : Choisissez &#8220;Google\u00a0Analytics\u00a0: \u00c9v\u00e9nement GA4&#8221;.<\/li>\n\n\n\n<li class=\"\">ID de mesure : Renseignez l&#8217;ID de votre flux.<\/li>\n\n\n\n<li class=\"\">Nom de l&#8217;\u00e9v\u00e9nement : <code>Form sent<\/code>. <\/li>\n\n\n\n<li class=\"\">D\u00e9finissez le d\u00e9clencheur :\n<ul class=\"wp-block-list\">\n<li class=\"\">Cliquez sur &#8220;D\u00e9clenchement&#8221;.<\/li>\n\n\n\n<li class=\"\">Cliquez sur le d\u00e9clencheur <code>Form sent - All pages<\/code>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li class=\"\">Enregistrez la balise.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n","protected":false},"featured_media":0,"parent":1366,"menu_order":21,"template":"","meta":{"_habefastfse_class":"","hf_wpseo_meta_title":"Google Tag Manager integration with FormMaster","hf_wpseo_meta_description":"Learn how to integrate Google Tag Manager with the FormMaster plugin. Send events to GTM when forms are submitted using practical examples.","hf_wpseo_meta_robots_index":"","hf_wpseo_meta_robots_follow":true,"hf_wpseo_meta_robots_advanced":"{}","hf_wpseo_meta_canonical_url":"","documentation_description":"","documentation_menu_text":"","documentation_related_pageid":0,"wypo_hidden_role_wypo_users_not_logged":false,"wypo_visibility_role_wypo_users_not_logged":false,"wypo_hidden_role_administrator":false,"wypo_visibility_role_administrator":false,"wypo_hidden_role_habefast":false,"wypo_visibility_role_habefast":false,"wypo_hidden_role_customer":false,"wypo_visibility_role_customer":false,"wypo_hidden_role_habefast_manager":false,"wypo_visibility_role_habefast_manager":false,"wypo_hidden_for_role":false,"wypo_visibility_for_role":false},"class_list":["post-1375","wypo_documentations","type-wypo_documentations","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/wypo_documentations\/1375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/wypo_documentations"}],"about":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/types\/wypo_documentations"}],"up":[{"embeddable":true,"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/wypo_documentations\/1366"}],"wp:attachment":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/media?parent=1375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}