Add dataLayer snippet on donation thank you page containing key details

[mhoad]

On the donation thank you page here: https://oaf-production.torchboxapps.com/give-thank-you/

It is really important that we are able to capture a few key things about the donation itself including:

• Was the donation made on a recurring or one time basis?
• How much was the donation for?

The quickest and easiest way for us to get this into Google Analytics is via use of the dataLayer using the following snippet:

<script>
  dataLayer = [{
    'donationAmount': '{{ DONATION_AMOUNT }}',
    'donationType': '{{ DONATION_TYPE }}',
    'emailAddress': '{{ DONORS_EMAIL_ADDRESS }}'
    'event': 'sendDonationDetails'
  }];
</script>

Note: I am not super familiar with Wagtail but from my quick scanning of the docs that is how you do variable interpolation. If not obviously replace it with whatever is the correct method 👍

[phil-mcminn]

Couple of recommendations here:

• The donor’s email address should not be pushed to the data layer or sent to Google Analytics.
• We also recommend using the enhanced ecommerce syntax for the data layer but if necessary, you can use those data layer variables to build the ecommerce object with the correct syntax in a GTM custom JavaScript snippet

[mhoad]

I would much prefer the enhanced e-commerce syntax if you guys are already familiar with it, I think that is a great suggestion.

Also as for the point regarding the email address, I fully get your point on GA as it is a violation of their TOS. I don't recall right this second why I was after that (I just woke up) but assume it was for future integration with a CRM platform or something instead? Are there any other concerns around this beyond issues with certain platforms like GA's privacy requirements?

[nimasmi]

We are not easily able to include this snippet on the donation thank-you page. That page is a page of the type StandardPage, and there is nothing about its markup that says it is a special donation thank-you page—this purpose is conveyed by its content, location in the page tree, and the fact that it is selected on the donation page as the destination to redirect users after a successful donation.

Given that there is another issue (https://projects.torchbox.com/projects/oaf-website-redevelopment/tickets/14) regarding the donation thank-you page, this may be something we should reconsider after launch, by making this page a specially-routed view to the donation page, with a bespoke template that includes the dataLayer snippet in the head tag.