Send data from Fundraise Up to the Feathr Super Pixel
To send Fundraise Up data to the Feathr Super Pixel, you'll need to add a couple of tags to Google Tag Manager (or equivalent) that will map Fundraise Up data and send it to the Feathr Super Pixel.
The code snippets below are templates - please work with your Feathr representative to confirm if this needs to be modified or changed.
Code for all pages on load:
1//ADD BEFORE </body>
2 !function(f,e,a,t,h,r){if(!f[h]){r=f[h]=function(){r.invoke?
3 r.invoke.apply(r,arguments):r.queue.push(arguments)},
4 r.queue=[],r.loaded=1*new Date,r.version="1.0.0",
5 f.FeathrBoomerang=r;var g=e.createElement(a),
6 h=e.getElementsByTagName("head")[0]||e.getElementsByTagName("script")[0].parentNode;
7 g.async=!0,g.src=t,h.appendChild(g)}
8 }(window,document,"script","https://cdn.feathr.co/js/boomerang.min.js","feathr");
9
10 feathr("fly", "YOUR_SUPER_PIXEL_ID");
11 feathr("sprinkle", "page_view");
This code will ensure the proper mappings are loaded so that the Fundraise Up checkout can be tracked on any page.
Please be sure to replace YOUR_SUPER_PIXEL_ID with your correct Feathr Super Pixel Account id!
Code to track individual donations/conversions:
1// donationComplete (https://help.fundraiseup.com/js-api#donationcomplete)
2FundraiseUp.on('donationComplete', function(details) {
3 var feathr_amount = details.donation.amount || 0;
4 var feathr_recurring = details.donation.recurring || 'Not Provided';
5 var feathr_currency = details.donation.currency || 'USD';
6 var feathr_fullName = details.supporter.firstName + ' ' + details.supporter.lastName || '';
7 var feathr_email = details.supporter.email || 'Not Provided';
8 var feathr_companies = [details.supporter.employer] || ['Not Provided'];
9
10 feathr("update", {
11 "name": feathr_fullName,
12 "email": feathr_email,
13 "companies": feathr_companies
14 });
15
16 feathr(
17 'convert',
18 'YOUR_CONVERSION_PIXEL_ID',
19 {
20 amount: shoppingCartValue,
21 currency: feathr_currency,
22 category: "YOUR CONVERSION CATEGORY",
23
24 },
25 {
26 "RECURRING": feathr_recurring
27 }
28 );
29
30});
This block of code also should load on all pages where a donation is possible (typically any page on the website where the Fundraise Up Installation Code is loading). This may be all pages of your website (usually the case) or only a landing page in specific cases.
Please be sure to update YOUR_CONVERSION_PIXEL_ID and YOUR CONVERSION CATEGORY as needed.