How to pass donation details to Facebook Pixel and Google AdWords conversion tracking

Donorbox now provides a way to pass donation details to conversion tracking scripts like Facebook Pixel and Google Adwords conversion tracking. To enable this feature, Donorbox initializes a global JavaScript ('DONORBOX') object which will contain the 'donation' object after the successful donation is made. Thus DONORBOX.donation will be available to "After donation tracking code" scripts to leverage the benefit of conversion tracking scripts. The scripts can be added as follows:

1. Click on the edit symbol under the campaign to which the tracking script is being added:

2. Select the edit icon under Technical:

3. Add the tracking script to the After donation tracking codes field:

Below are the examples illustrating the use of the JavaScript object for fetching donation details in conversion tracking scripts:

Facebook Pixel Tracking Example

<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');

  fbq('init', 'XXXXXXXXX');

  fbq('track', 'Purchase', {
    value: DONORBOX.donation.amount,
    currency: DONORBOX.donation.currency,
    content_category: 'donation',
    content_name: DONORBOX.donation.form.name,
    content_ids: [DONORBOX.donation.form.id],
    content_type: DONORBOX.donation.donation_type
  });
</script>

Adwords Conversion Tracking Example

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-XXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-XXXXXXXXX', {
    cookie_flags: 'secure;samesite=none'
  });
  gtag('event', 'conversion', {
    'send_to': 'AW-XXXXXXXXX/XXXXXXXXXXXXXXXXXXX',
    'value': DONORBOX.donation.amount,
    'currency': DONORBOX.donation.currency,
    'transaction_id': DONORBOX.donation.id
  });
</script>

Note: the gtag('config', 'AW-XXXXXXXXX'); line is also modified to set the cookie flag. This is needed for the tracking to work properly inside the embedded widgets (iframe)