Quick Start Guide

Step-by-step overview for integrating Google Tag Manager with Freshpaint

Install Freshpaint template into GTM Container

• In GTM, navigate to "Templates", then "Search Gallery", and search for the Freshpaint template.

• Add the template to your workspace

Ensure GTM installation

• If it is not already added, ensure that the GTM code is installed by clicking on your GTM Container ID and following the installation instructions.

  

Configure Freshpaint Tags in GTM

Initial Freshpaint Snippet

• Add the Freshpaint script as a tag in GTM. In your GTM tag setup, select Custom HTML tag type, then copy the snippet for the "Web" configuration on the dashboard sources page.

It's important to set this trigger to fire on "Initialization" - this ensures that the Freshpaint tag is loaded before any other events occur. Any addEventProperties tag types also need to be set up on Initialization.

Additional Events Example

• All other events can be triggered by their relevant event type (Page View, Click, etc...)

• Test out a simple button click event by adding a new tag, selecting the Freshpaint Tag Configuration, and choosing the desired event type or creating a new one.

  

Preview and Publish Changes

• Test out your configuration by selecting the "Preview" button and typing in a URL where the GTM is installed.

• The web page will open in a preview container, and when the event is successfully sent, it will show up in the GTM window.