Track visits, conversions, and other metrics in your checkout flow by using a tag manager. A tag manager such as Google Tag Manager allows you to manage your tracking scripts in one place, and set advanced tracking events without having to constantly update your Firmhouse project configuration.

Please note, adding custom analytics code is only available for Firmhouse projects that have a custom domain configured.

We'll use Google Tag Manager as a sample in the following instructions. But you can use this article to embed any tag manager of your preference into your Firmhouse projects.

Adding tag manager integration code to your project

You can easily add the custom JavaScript code of your tag manager on your Firmhouse Checkout flow.

Steps:

  1. In your Firmhouse project, go to Checkout Flow in the sidebar and click on Preferences from the submenu that shows up.
  2. Copy the tag manager code that needs to appear in the <head> of the page in the Header field.
  3. Copy the tag manager code that needs to appear in the <body> of the page in the Body field.
  4. Scroll to the bottom and click Update project.

If you're copy-pasting your tag manager code from a piece of documentation: please make sure that you replace the sample container ID with your actual container ID. For example: GTM-XXXX should be replaced with your actual GTM container ID.

View the checkout flow on your custom domain to make sure that your integration code works and that your tracking scripts are loaded in by your tag manager.

Removing tag manager integration code from your project

Steps:

  1. In your Firmhouse project, go to Checkout Flow in the sidebar and click on Preferences from the submenu that shows up.
  2. Clear the tag manager code from the Header field.
  3. Clear the tag manager code from the Body field.
  4. Scroll to the bottom and click Update project.
Did this answer your question?