Integrating Fundraise Up with Google Tag Manager
Google Analytics and Meta Pixel let you measure your organization’s advertising ROI as well as track your Flash, video, and social networking sites and applications.
Fundraise Up’s integration with Google Tag Manager works by sending information from the platform to the data layer in JavaScript.
Events
We push events to Google Tag Manager based on user interactions with the Checkout modal and the Campaign page. For the Checkout modal, we push three events: FundraiseUp.checkoutOpen, FundraiseUp.checkoutClose, and FundraiseUp.donationComplete. Meanwhile, on the Campaign page, we only push two events: FundraiseUp.checkoutOpen and FundraiseUp.donationComplete. The behavior of these events and example payloads for each are described below.
FundraiseUp.checkoutOpen
This event is fired every time a Checkout modal or a Campaign Page is opened.
1{
2 "customFields": {
3 "fiscal_year": "fy2023",
4 "form": "DonateNow"
5 },
6 "livemode": true,
7 "campaign": {
8 "id": "FUNCPJTZZQR",
9 "code": "C-INT-0000",
10 "name": "General Donations"
11 },
12 "utm": {
13 "source": "",
14 "campaign": "",
15 "medium": "",
16 "content": "",
17 "term": ""
18 },
19 "element": {
20 "id": "XTGWFZFR",
21 "type": "Donate Button",
22 "name": "Header Nav - Donate"
23 }
24}An example of the event payload for FundraiseUp.checkoutOpen
FundraiseUp.checkoutClose
This event is fired any time a Checkout modal is closed, regardless of whether a conversion has been logged.
1{
2 "customFields": {
3 "fiscal_year": "fy2023",
4 "form": "DonateNow"
5 },
6 "livemode": true,
7 "campaign": {
8 "id": "FUNCPJTZZQR",
9 "code": "C-INT-0000",
10 "name": "General Donations"
11 },
12 "utm": {
13 "source": "",
14 "campaign": "",
15 "medium": "",
16 "content": "",
17 "term": ""
18 },
19 "element": {},
20 "supporter": null,
21 "donation": null,
22 "designation": null,
23 "tribute": null
24}An example of the event payload for FundraiseUp.checkoutClose
FundraiseUp.donationComplete
This event fires at the point of conversion.
1{
2 "customFields": {
3 "fiscal_year": "fy2023",
4 "form": "DonateNow",
5 "hs_preview": "UvMjiRBY-66781953082"
6 },
7 "livemode": true,
8 "campaign": {
9 "id": "FUNCPJTZZQR",
10 "code": "C-INT-0000",
11 "name": "General Donations"
12 },
13 "utm": {
14 "source": "",
15 "campaign": "",
16 "medium": "",
17 "content": "",
18 "term": ""
19 },
20 "element": {
21 "id": "XTGWFZFR",
22 "type": "Donate Button",
23 "name": "Header Nav - Donate"
24 },
25 "supporter": {
26 "id": "STMNACDG",
27 "email": "tulsi.lattimer@gmail.com",
28 "firstName": "Tulsi",
29 "lastName": "Lattimer",
30 "anonymous": false,
31 "mailingListSubscribed": false,
32 "employer": null,
33 "onBehalfOf": null
34 },
35 "donation": {
36 "id": "DPPSCTFU",
37 "paymentMethod": "CreditCard",
38 "amount": 5.6,
39 "feesCovered": 0.6,
40 "currency": "USD",
41 "recurring": false,
42 "frequency": "once"
43 },
44 "designation": {
45 "id": "EHHJ9R36",
46 "name": "the greatest need",
47 "code": "F-INT-0001"
48 },
49 "tribute": null,
50 "ecommerce": {
51 "transaction_id": "DPPSCTFU",
52 "value": 5.6,
53 "currency": "USD",
54 "items": [
55 {
56 "item_id": "FUNCPJTZZQR",
57 "item_name": "General Donations",
58 "index": 0,
59 "item_brand": "Fundraise Up",
60 "item_category": "the greatest need",
61 "item_category2": "EHHJ9R36",
62 "item_category3": "F-INT-0001",
63 "item_variant": "once",
64 "price": 5.6,
65 "quantity": 1,
66 "currency": "USD"
67 }
68 ]
69 }
70}An example of the event payload for FundraiseUp.donationComplete
Container template
We have two pre-prepared templates for Google Tag Manager — one to integrate with Google Analytics and one to integrate with Meta Pixel — that include all of the triggers and variables that Fundraise Up supports. We recommend importing and merging the appropriate templated container with your existing container using the instructions below.
Import instructions
- Log in to Google Tag Manager.
- Select the gear icon for the container where you want to import the Fundraise Up template container.
- Select Import Container.
- Select Choose Container file and upload the JSON template file.
- Select the Existing option to import the template file to your existing container.
- Select Merge as your import option.
- 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.
- 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.
Use case guides
Explore ways to integrate Fundraise Up data with other apps and services using Google Tag Manager.