Configure Form Page Tracking
Journey Manager (JM) The transaction engine for the platform. | Platform Developer | All versions This feature is related to all versions.
Manager allows you to add third-party page tracking and analytics tags to a form using Google Analytics, Marketo and NetResults template scripts. You can also add any other page tracking as a custom JavaScript.
To configure page tracking for a form:
- Select Forms > Forms
- Locate a form and click Edit.
- Select the Page Tracking tab.
- Select the Use Form Page Tracking checkbox if you want this form to use third-party page tracking.
- Select an HTML page script include position from the Page Script Include Position dropdown list, which can be one of the followings:
- Inside <HEAD> - to place the script inside the head of the HTML mark-up.
- After <HTML> - to place the script outside or after the HTML mark-up.
- Select the third-party page tracking system template from the Tracking Script Template dropdown list, which will be populated to the Form Page Tracking Script text field. The available templates are:
- Google AnalyticsGoogle Tag Manager (GTM) is a tag management system (TMS) that allows you to quickly and easily update tracking codes and related code fragments collectively known as tags on your website or mobile app. - replace ‘UA-XXXXX-X’ with your Google Analytics account ID.
- Marketo - replace 'MUNCHKIN_ACCOUNT_ID' with your Marketo account ID.
- NetResults - use as is.
- Blank - for a custom script where you provide a script in the Form Page Tracking Script text field described below.
- Edit the populated template script or add your own script in the Form Page Tracking Script field. The script format is show below:
<!-- Google Tag Manager --> <noscript/noscript> < script >(function(w,d,s,l,i){...});</script> <!-- End Google Tag Manager -->For example, you can add the following Google Analytics scrip to track your Maestro forms:
<!-- Google Tag Manager --> <noscript/noscript> <script>window.addEventListener('DOMContentLoaded', function(){ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXX'); });</script> <!-- End Google Tag Manager -->Note You can't add an input tag HTML element within the body tag, such as the one shown below:
<input type="hidden" name="formCode" id="submission_formCode" value="$form.formCode"/>However, you can add it into the actual Maestro form as the HTML element into a static text component label.
- Click Save to update the changes.
- Configure the form's Analytics options in the Maestro editor.
For more information on Google Tag Manager, see how to add Google Tag Manager support.
Next, learn how to assign form spaces to a form.