Google Tag Manager integration for Campaign Pages

Integrating Google Tag Manager (GTM) into your Campaign Pages simplifies tag management for marketing and analytics, providing valuable insights for campaign optimization. It allows you to easily track user interactions without having to change the code of your website.

Before setting up GTM integration, make sure you have the administrative access to your organization's GTM account.

1. Log into your Google Tag Manager account.
2. Select or create a new container for the Campaign Page.
3. In your workspace find and copy the GTM Container ID, formatted as GTM-XXXXXXX, and save it somewhere.
   

1. Access your Fundraise Up Dashboard and proceed to the Settings.
2. Navigate to the Analytics tools section and find for the Google Tag Manager block.
3. Click the Add container button and input your GTM Container ID.
4. Click Add container to confirm.
   

For the most popular tools, we have two pre-built templates for GTM: one for integration with Google Analytics and one for integration with Meta Pixel. These templates include all the triggers and variables supported by Fundraise Up. We recommend that you import the appropriate template container and merge it with your existing container using the instructions below.

1. Log in to Google Tag Manager.
2. Go to the Admin section in the upper left corner of the screen.
3. Select Import Container.
4. Select Choose Container file and upload the JSON template file that you’ve downloaded.
5. Select the Existing option to import the template file to your existing container.
6. Select Merge as your import option.
7. Select Rename conflicting tags, triggers, and variables.
   Ensure that you select the Merge option before continuing. Selecting the Overwrite option will replace your existing configuration with the template’s settings.
   
   Our template contains the Fundraise Up Google tag, which is a general GA4 (Google Analytics 4) tag. If you already use a GA4 tag under a different name, please delete the Fundraise Up Google tag from the Tags tab to avoid duplicating data.
8. On the import preview screen, select Confirm to finish importing the template file.

The import is now complete and you can use the new triggers and variables with your tags. For configuration instructions, please refer to the following guides:

• Google Analytics
• Meta Pixel

If you want to use a different analytics tool or set up GTM manually, you can configure the GTM triggers, variables, and tags yourself.

Fundraise Up pushes specific events into the DataLayer on Campaign Pages, such as checkoutOpen and donationComplete, which are pivotal for tracking the user journey and interactions on your Campaign Pages.

To effectively track these events, you should create triggers in GTM:

1. Navigate to Triggers: Within your GTM dashboard, click "New" to create a new trigger and select the "Custom Event" type.
   

   

2. Configure the event: Assign the trigger to listen for events such as donationComplete or checkoutOpen. To do this, set the "Event name". For example, use FundraiseUp.donationComplete for the donationComplete event, or FundraiseUp.checkoutOpen for the checkoutOpen event.
   

   To ensure that events can be attributed to specific campaigns, include variables such as Campaign ID in your trigger conditions.

3. Save your trigger: Clearly name your trigger for easy identification later on and save it.
   

Configuring additional variables in GTM is optional but useful if you want to track extra data from Fundraise Up events. Variables dynamically populate tags and triggers with values, giving you more detailed insights into supporter interactions.

1. In GTM, go to Variables and click New.
2. Select Data Layer Variable as the type.
3. Enter the Data Layer Variable Name for the data you want to track. Fundraise Up sends multiple values that can be tracked, including:
   • FundraiseUp.customFields.name_of_the_custom_field for custom fields
   • FundraiseUp.campaign.id for campaign IDs
   • FundraiseUp.donation.amount for donation amounts
   • FundraiseUp.supporter.id for supporter IDs

   For a full list of available variables and event parameters, see the Fundraise Up parameters guide.

4. Give the variable a descriptive name, such as Fundraise Up Campaign ID, and save it.

The variables you create in this step must be included in the relevant tags to be sent with events. See Step 3 for instructions.

Tags determine how Fundraise Up events are sent to your analytics tools. In this step, you will set up these tags so that both standard events and any custom variables created in Step 2 are tracked correctly.

1. In GTM, go to Tags and click New.
   

2. Select the appropriate tag type for your analytics tool (for example, Google Analytics: GA4 Event) or create a new Custom HTML Tag if your tracking requires custom scripts.
3. Configure the tag according to the event it tracks (Checkout Open, Donation Complete, or Checkout Close).
4. If you created variables in Step 2:
   • Expand the Event Parameters section of the tag. 
   • Click the button to add a new parameter (labeled either Add Row or Add Parameter, depending on your GTM version)
   • Select the variables you created in Step 2.
   • Give each parameter a clear name and save the tag.
5. Assign the trigger you created for this event in Step 1.
6. Name the tag clearly and save it.
7. Repeat steps 1–6 for all relevant events.

Before making your GTM container live, it's essential to test the configurations:

1. Preview mode: Enable Preview mode in GTM to test your tags, triggers, and variables.
2. Verify tags fire correctly: Navigate through your Campaign Pages and perform actions that should trigger your tags. Verify that the tags fire as expected.
   

3. Publish: Once you are satisfied with the setup and have verified that everything is working as intended, publish your GTM container changes.

Please be aware of the limitations of adding tags using GTM. We only allow approved analytics systems and ad trackers. Here is a list of tools approved for integration through GTM:

• BingAds
• Dashline
• Feathr
• Google Ads Conversion
• Google Ads Audience Tracker
• Google Analytics
• Google Floodlight tags
• LinkedIn Insights
• Matomo
• Meta Pixel
• Microsoft Advertising Universal Event Tracking
• Quantcast
• Rokt
• Snapchat
• StackAdapt
• TikTok Tracker
• The Trade Desk
• Twitter Conversions Tracking
• VWO

Integrating Google Tag Manager with your Checkout modal involves different steps. For more information, please see the dedicated guide.